@px-ui/ui 0.1.4 → 1.0.0

package/dist/components/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../src/components/empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        \"flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\"flex max-w-sm flex-col items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\n        \"font-heading text-lg font-medium tracking-ppx-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n}\n"],"mappings":";;;;;AAIA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAsC;AACnE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,gIACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ;;AAIN,MAAM,qBAAqB,IACzB,+FACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,WAAW,EAClB,WACA,UAAU,WACV,GAAG,SACqE;AACxE,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAW,CAAC,CAAC;EACzD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAoC;AAC5E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,2GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,iFACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/field.d.ts

@@ -0,0 +1,72 @@
+import { t as Label } from "../label-D5SCGMZl.js";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
+
+//#region src/components/field.d.ts
+declare function FieldSet({
+  className,
+  ...props
+}: React.ComponentProps<"fieldset">): react_jsx_runtime95.JSX.Element;
+declare function FieldLegend({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"legend"> & {
+  variant?: "legend" | "label";
+}): react_jsx_runtime95.JSX.Element;
+declare function FieldGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime95.JSX.Element;
+declare const fieldVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+declare function Field({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime95.JSX.Element;
+declare function FieldContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime95.JSX.Element;
+declare function FieldLabel({
+  className,
+  required,
+  ...props
+}: React.ComponentProps<typeof Label> & {
+  required?: boolean;
+}): react_jsx_runtime95.JSX.Element;
+declare function FieldRequiredIndicator({
+  className,
+  ...props
+}: React.ComponentProps<"span">): react_jsx_runtime95.JSX.Element;
+declare function FieldTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime95.JSX.Element;
+declare function FieldDescription({
+  className,
+  ...props
+}: React.ComponentProps<"p">): react_jsx_runtime95.JSX.Element;
+declare function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode;
+}): react_jsx_runtime95.JSX.Element;
+declare function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{
+    message?: string;
+  } | undefined>;
+}): react_jsx_runtime95.JSX.Element | null;
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldRequiredIndicator, FieldSeparator, FieldSet, FieldTitle };
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAOS,QAAA;;;GAAkC,KAAA,CAAM,6BAA0B,mBAAA,CAAA,GAAA,CAAA;iBAalE,WAAA;;;;GAIN,KAAA,CAAM;;IAA2D,mBAAA,CAAA,GAAA,CAAA;AApBlB,iBAkCzC,UAAA,CA/BQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+B4B,KAAA,CAAM,cA/BlC,CAAA,KAAA,CAAA,CAAA,EA+BuD,mBAAA,CAAA,GAAA,CAAA,OA/BvD;cA4CX,aA5Cc,EAAA,CAAA,KAAuD,CAAvD,EAAA,CAAA;EAAuB,WAAM,CAAA,EAAA,YAAA,GAAA,UAAA,GAAA,YAAA,GAAA,IAAA,GAAA,SAAA;CAA0B,GA4D1E,+BAAA,CAAA,SA5D0E,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBA8DlE,KAAA,CA9DkE;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAkExE,KAAA,CAAM,cAlEkE,CAAA,KAAA,CAAA,GAkE1C,YAlE0C,CAAA,OAkEtB,aAlEsB,CAAA,CAAA,EAkER,mBAAA,CAAA,GAAA,CAAA,OAlEQ;AAAA,iBA8ElE,YAAA,CAjEW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiE2B,KAAA,CAAM,cAjEjC,CAAA,KAAA,CAAA,CAAA,EAiEsD,mBAAA,CAAA,GAAA,CAAA,OAjEtD;iBA8EX,UAAA,CA7EP;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EAiFC,KAAA,CAAM,cAjFP,CAAA,OAiF6B,KAjF7B,CAAA,GAAA;EACA,QAAA,CAAA,EAAA,OAAA;CAEC,CAAA,EAgFF,mBAAA,CAAA,GAAA,CAAA,OAhFQ;iBAgGA,sBAAA,CAhG2D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmGjE,KAAA,CAAM,cAnG2D,CAAA,MAAA,CAAA,CAAA,EAmGrC,mBAAA,CAAA,GAAA,CAAA,OAnGqC;iBAgH3D,UAAA,CAhH2D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgHvB,KAAA,CAAM,cAhHiB,CAAA,KAAA,CAAA,CAAA,EAgHI,mBAAA,CAAA,GAAA,CAAA,OAhHJ;AAAA,iBA6H3D,gBAAA,CA/GU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+GgC,KAAA,CAAM,cA/GtC,CAAA,GAAA,CAAA,CAAA,EA+GyD,mBAAA,CAAA,GAAA,CAAA,OA/GzD;iBA8HV,cAAA,CA9Ha;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAkInB,KAAA,CAAM,cAlIa,CAAA,KAAA,CAAA,GAAA;EAAuB,QAAM,CAAA,EAmItC,KAAA,CAAM,SAnIgC;CAAqB,CAAA,EAoIvE,mBAAA,CAAA,GAAA,CAAA,OApIuE;iBA4J/D,UAAA,CA5J+D;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;CAAA,EAiKrE,KAAA,CAAM,cAjK+D,CAAA,KAAA,CAAA,GAAA;EAalE,MAAA,CAAA,EAqJK,KArJL,CAAA;IAkBG,OAAK,CAAA,EAAA,MAAA;EACZ,CAAA,GAAA,SAAA,CAAA;CACA,CAAA,EAkID,mBAAA,CAAA,GAAA,CAAA,OAAA,GAlIC,IAAA"}

package/dist/components/field.js

@@ -0,0 +1,122 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { t as Separator } from "../separator-BS3ilczC.js";
+import { t as Label } from "../label-AaH9ZYCZ.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cva } from "class-variance-authority";
+
+//#region src/components/field.tsx
+function FieldSet({ className, ...props }) {
+	return /* @__PURE__ */ jsx("fieldset", {
+		"data-slot": "field-set",
+		className: cn("flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+		...props
+	});
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+	return /* @__PURE__ */ jsx("legend", {
+		"data-slot": "field-legend",
+		"data-variant": variant,
+		className: cn("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
+		...props
+	});
+}
+function FieldGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-group",
+		className: cn("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className),
+		...props
+	});
+}
+const fieldVariants = cva("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
+	variants: { orientation: {
+		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function Field({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": orientation,
+		className: cn(fieldVariants({ orientation }), className),
+		...props
+	});
+}
+function FieldContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-content",
+		className: cn("group/field-content flex flex-1 flex-col gap-1 leading-snug", className),
+		...props
+	});
+}
+function FieldLabel({ className, required, ...props }) {
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "field-label",
+		"data-required": required ? true : void 0,
+		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", "data-[required=true]:after:text-destructive data-[required=true]:after:content-['*']", className),
+		...props
+	});
+}
+function FieldRequiredIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		"data-slot": "field-required-indicator",
+		className: cn("text-destructive", className),
+		...props,
+		children: "*"
+	});
+}
+function FieldTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-label",
+		className: cn("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", className),
+		...props
+	});
+}
+function FieldDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "field-description",
+		className: cn("text-start text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		...props
+	});
+}
+function FieldSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "field-separator",
+		"data-content": !!children,
+		className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && /* @__PURE__ */ jsx("span", {
+			className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+			"data-slot": "field-separator-content",
+			children
+		})]
+	});
+}
+function FieldError({ className, children, errors, ...props }) {
+	const content = useMemo(() => {
+		if (children) return children;
+		if (!errors?.length) return null;
+		const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+		if (uniqueErrors?.length == 1) return uniqueErrors[0]?.message;
+		return /* @__PURE__ */ jsx("ul", {
+			className: "ms-4 flex list-disc flex-col gap-1",
+			children: uniqueErrors.map((error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index))
+		});
+	}, [children, errors]);
+	if (!content) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: cn("text-sm font-normal text-destructive", className),
+		...props,
+		children: content
+	});
+}
+
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldRequiredIndicator, FieldSeparator, FieldSet, FieldTitle };
+//# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import { useMemo } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { Label } from \"@px-ui/ui/components/label\"\nimport { Separator } from \"@px-ui/ui/components/separator\"\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        \"flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        \"mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        \"group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva(\n  \"group/field flex w-full gap-2 data-[invalid=true]:text-destructive\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n        horizontal:\n          \"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        responsive:\n          \"flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n)\n\nfunction Field({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        \"group/field-content flex flex-1 flex-col gap-1 leading-snug\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({\n  className,\n  required,\n  ...props\n}: React.ComponentProps<typeof Label> & {\n  required?: boolean\n}) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      data-required={required ? true : undefined}\n      className={cn(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        \"data-[required=true]:after:text-destructive data-[required=true]:after:content-['*']\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldRequiredIndicator({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"field-required-indicator\"\n      className={cn(\"text-destructive\", className)}\n      {...props}\n    >\n      *\n    </span>\n  )\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        \"flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        \"text-start text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  children?: React.ReactNode\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ]\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ms-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(\"text-sm font-normal text-destructive\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n  FieldRequiredIndicator,\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,oGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,UAAU,UACV,GAAG,SACiE;AACpE,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GACT,iFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,wIACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,gBAAgB,IACpB,sEACA;CACE,UAAU,EACR,aAAa;EACX,UAAU;EACV,YACE;EACF,YACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,YACd;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,cAAc,YACd,GAAG,SACgE;AACnE,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,oBAAkB;EAClB,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;EACxD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,aAAU;EACV,iBAAe,WAAW,OAAO;EACjC,WAAW,GACT,yVACA,qEACA,wFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,eAAY;EACZ,aAAU;EACV,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAI;YACL;GAEM;;AAIX,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,iGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAoC;AAC5E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sJACA,8BACA,qEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,WACA,GAAG,SAGF;AACD,QACE,qBAAC;EACC,aAAU;EACV,gBAAc,CAAC,CAAC;EAChB,WAAW,GACT,6EACA,UACD;EACD,GAAI;aAEJ,oBAAC,aAAU,WAAU,6BAA6B,EACjD,YACC,oBAAC;GACC,WAAU;GACV,aAAU;GAET;IACI;GAEL;;AAIV,SAAS,WAAW,EAClB,WACA,UACA,QACA,GAAG,SAGF;CACD,MAAM,UAAU,cAAc;AAC5B,MAAI,SACF,QAAO;AAGT,MAAI,CAAC,QAAQ,OACX,QAAO;EAGT,MAAM,eAAe,CACnB,GAAG,IAAI,IAAI,OAAO,KAAK,UAAU,CAAC,OAAO,SAAS,MAAM,CAAC,CAAC,CAAC,QAAQ,CACpE;AAED,MAAI,cAAc,UAAU,EAC1B,QAAO,aAAa,IAAI;AAG1B,SACE,oBAAC;GAAG,WAAU;aACX,aAAa,KACX,OAAO,UACN,OAAO,WAAW,oBAAC,kBAAgB,MAAM,WAAd,MAA2B,CACzD;IACE;IAEN,CAAC,UAAU,OAAO,CAAC;AAEtB,KAAI,CAAC,QACH,QAAO;AAGT,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,WAAW,GAAG,wCAAwC,UAAU;EAChE,GAAI;YAEH;GACG"}

package/dist/components/file-upload-field.d.ts

@@ -0,0 +1,58 @@
+import "../button-BiiFfKiR.js";
+import { c as UploadConfig, n as FileUploadItem, t as FileMetadata, u as UseFileUploadOptions } from "../use-file-upload-yy-xLBtn.js";
+import { i as DropzoneState, r as DropzoneRenderProps } from "../file-upload-D8hgfjvA.js";
+import * as React$1 from "react";
+
+//#region src/components/file-upload-field.d.ts
+interface FileUploadFieldRef {
+  /** Reset the file upload state, optionally with new initial files */
+  reset: (newFiles?: FileMetadata[]) => void;
+  /** Clear all files */
+  clearFiles: () => void;
+  /** Get current files */
+  getFiles: () => FileUploadItem[];
+}
+interface FileUploadFieldProps extends Omit<UseFileUploadOptions, "initialFiles"> {
+  /** Size of the dropzone (ignored when using render prop) */
+  size?: "sm" | "default" | "lg";
+  /** Text displayed in the dropzone (ignored when using render prop) */
+  dropzoneText?: string;
+  /** Text for the browse/upload button (ignored when using render prop) */
+  buttonText?: string;
+  /** Show file list below the dropzone */
+  showFileList?: boolean;
+  /** Initial files (already uploaded) */
+  initialFiles?: Array<{
+    id: string;
+    name: string;
+    size: number;
+    type: string;
+    url: string;
+  }>;
+  /** Whether the upload is disabled */
+  disabled?: boolean;
+  /** Custom className */
+  className?: string;
+  /**
+   * Render prop for complete dropzone customization.
+   * Receives props to spread and state for conditional styling.
+   */
+  render?: (props: DropzoneRenderProps, state: DropzoneState) => React$1.ReactElement;
+  /** Render prop for custom file item rendering */
+  renderFileItem?: (file: FileUploadItem, actions: {
+    remove: () => void;
+    retry: () => void;
+  }) => React$1.ReactNode;
+  /** Click handler for file list items (for preview, etc.) */
+  onItemClick?: (file: FileUploadItem) => void;
+  /** Error handler */
+  onError?: (error: {
+    type: string;
+    message: string;
+    files?: File[];
+  }) => void;
+}
+declare const FileUploadField: React$1.ForwardRefExoticComponent<FileUploadFieldProps & React$1.RefAttributes<FileUploadFieldRef>>;
+//#endregion
+export { type DropzoneRenderProps, type DropzoneState, type FileMetadata, FileUploadField, FileUploadFieldProps, FileUploadFieldRef, type FileUploadItem, type UseFileUploadOptions as FileUploadWithUploaderOptions, type UploadConfig };
+//# sourceMappingURL=file-upload-field.d.ts.map

package/dist/components/file-upload-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-field.d.ts","names":[],"sources":["../../src/components/file-upload-field.tsx"],"sourcesContent":[],"mappings":";;;;;;UAiBiB,kBAAA;;qBAEI;EAFJ;EASA,UAAA,EAAA,GAAA,GAAA,IAAA;EACF;EAUE,QAAA,EAAA,GAAA,GAdC,cAcD,EAAA;;AAiBN,UA5BM,oBAAA,SACP,IA2BC,CA3BI,oBA2BJ,EAAA,cAAA,CAAA,CAAA;EACJ;EAGG,IAAA,CAAA,EAAA,IAAA,GAAA,SAAA,GAAA,IAAA;EAEH;EAEgB,YAAA,CAAA,EAAA,MAAA;EAEsC;EArCnD,UAAA,CAAA,EAAA,MAAA;EAAI;EA4CD,YAAA,CAAA,EAAA,OA0IX;EA1I0B;EAAA,YAAA,CAAA,EAlCX,KAkCW,CAAA;IAAA,EAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;;;;;;;;;;;;mBAlBjB,4BACA,kBACJ,OAAA,CAAM;;0BAGH;;;QAEH,OAAA,CAAM;;uBAEU;;;;;YAEsC;;;cAOhD,iBAAe,OAAA,CAAA,0BAAA,uBAAA,OAAA,CAAA,cAAA"}

package/dist/components/file-upload-field.js

@@ -0,0 +1,90 @@
+import "../utils-mWJR2N24.js";
+import "../button-hBUFMmsZ.js";
+import "../spinner-Bo0sUZEg.js";
+import { t as FileUpload } from "../file-upload-DeCIv13t.js";
+import { n as useFileUpload } from "../use-file-upload-Dxrej28u.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/file-upload-field.tsx
+const FileUploadField = React$1.forwardRef(function FileUploadField$1({ size = "default", dropzoneText = "Paste Or Drag & Drop Files Here", buttonText = "Browse for files", showFileList = true, initialFiles = [], disabled = false, className, render, renderFileItem, onItemClick, onError, maxFiles, maxSize, minSize, accept, multiple = false, onFilesChange, onFileAdd, onFileRemove, upload: uploadConfig }, ref) {
+	const uploadHook = useFileUpload({
+		maxFiles,
+		maxSize,
+		minSize,
+		accept,
+		multiple,
+		initialFiles: initialFiles.map((f) => ({
+			...f,
+			id: f.id,
+			name: f.name,
+			size: f.size,
+			type: f.type,
+			url: f.url
+		})),
+		onFilesChange,
+		onFileAdd,
+		onFileRemove,
+		upload: uploadConfig
+	});
+	const { files, errors, retryUpload, removeFile, reset, clearFiles } = uploadHook;
+	React$1.useImperativeHandle(ref, () => ({
+		reset: (newFiles) => reset(newFiles),
+		clearFiles: () => clearFiles(),
+		getFiles: () => files
+	}), [
+		reset,
+		clearFiles,
+		files
+	]);
+	React$1.useEffect(() => {
+		if (errors.length > 0 && onError) onError({
+			type: "validation",
+			message: errors[0]
+		});
+	}, [errors, onError]);
+	const renderDefaultFileItem = (file) => {
+		if (renderFileItem) return renderFileItem(file, {
+			remove: () => removeFile(file.id),
+			retry: () => retryUpload(file.id)
+		});
+		return /* @__PURE__ */ jsx(FileUpload.ListItem, {
+			file,
+			onItemClick
+		}, file.id);
+	};
+	return /* @__PURE__ */ jsxs(FileUpload.Root, {
+		upload: uploadHook,
+		accept,
+		multiple,
+		disabled,
+		className,
+		children: [
+			/* @__PURE__ */ jsx(FileUpload.Dropzone, {
+				size,
+				dropzoneText,
+				browseText: buttonText,
+				render
+			}),
+			errors.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "text-destructive text-sm",
+				children: errors.map((error, i) => /* @__PURE__ */ jsx("p", { children: error }, i))
+			}),
+			showFileList && files.length > 0 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+				className: "mb-2 flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-foreground text-sm font-medium",
+					children: multiple ? `Files (${files.length})` : "Selected file"
+				}), multiple && files.length > 1 && /* @__PURE__ */ jsx(FileUpload.ClearAll, {
+					size: "sm",
+					className: "text-destructive hover:text-destructive/80",
+					children: "Remove all"
+				})]
+			}), /* @__PURE__ */ jsx(FileUpload.List, { children: files.map(renderDefaultFileItem) })] })
+		]
+	}, uploadHook.instanceKey);
+});
+
+//#endregion
+export { FileUploadField };
+//# sourceMappingURL=file-upload-field.js.map

package/dist/components/file-upload-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-field.js","names":["React","FileUploadField"],"sources":["../../src/components/file-upload-field.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  FileUpload,\n  type DropzoneRenderProps,\n  type DropzoneState,\n} from \"@px-ui/ui/components/file-upload\";\nimport {\n  useFileUpload,\n  type UseFileUploadOptions,\n  type FileUploadItem,\n  type FileMetadata,\n} from \"@px-ui/ui/hooks/use-file-upload\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FileUploadFieldRef {\n  /** Reset the file upload state, optionally with new initial files */\n  reset: (newFiles?: FileMetadata[]) => void;\n  /** Clear all files */\n  clearFiles: () => void;\n  /** Get current files */\n  getFiles: () => FileUploadItem[];\n}\n\nexport interface FileUploadFieldProps\n  extends Omit<UseFileUploadOptions, \"initialFiles\"> {\n  /** Size of the dropzone (ignored when using render prop) */\n  size?: \"sm\" | \"default\" | \"lg\";\n  /** Text displayed in the dropzone (ignored when using render prop) */\n  dropzoneText?: string;\n  /** Text for the browse/upload button (ignored when using render prop) */\n  buttonText?: string;\n  /** Show file list below the dropzone */\n  showFileList?: boolean;\n  /** Initial files (already uploaded) */\n  initialFiles?: Array<{\n    id: string;\n    name: string;\n    size: number;\n    type: string;\n    url: string;\n  }>;\n  /** Whether the upload is disabled */\n  disabled?: boolean;\n  /** Custom className */\n  className?: string;\n  /**\n   * Render prop for complete dropzone customization.\n   * Receives props to spread and state for conditional styling.\n   */\n  render?: (\n    props: DropzoneRenderProps,\n    state: DropzoneState,\n  ) => React.ReactElement;\n  /** Render prop for custom file item rendering */\n  renderFileItem?: (\n    file: FileUploadItem,\n    actions: { remove: () => void; retry: () => void },\n  ) => React.ReactNode;\n  /** Click handler for file list items (for preview, etc.) */\n  onItemClick?: (file: FileUploadItem) => void;\n  /** Error handler */\n  onError?: (error: { type: string; message: string; files?: File[] }) => void;\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const FileUploadField = React.forwardRef<\n  FileUploadFieldRef,\n  FileUploadFieldProps\n>(function FileUploadField(\n  {\n    size = \"default\",\n    dropzoneText = \"Paste Or Drag & Drop Files Here\",\n    buttonText = \"Browse for files\",\n    showFileList = true,\n    initialFiles = [],\n    disabled = false,\n    className,\n    render,\n    renderFileItem,\n    onItemClick,\n    onError,\n    // Hook options\n    maxFiles,\n    maxSize,\n    minSize,\n    accept,\n    multiple = false,\n    onFilesChange,\n    onFileAdd,\n    onFileRemove,\n    upload: uploadConfig,\n  },\n  ref,\n) {\n  const uploadHook = useFileUpload({\n    maxFiles,\n    maxSize,\n    minSize,\n    accept,\n    multiple,\n    initialFiles: initialFiles.map((f) => ({\n      ...f,\n      id: f.id,\n      name: f.name,\n      size: f.size,\n      type: f.type,\n      url: f.url,\n    })),\n    onFilesChange,\n    onFileAdd,\n    onFileRemove,\n    upload: uploadConfig,\n  });\n\n  const { files, errors, retryUpload, removeFile, reset, clearFiles } =\n    uploadHook;\n\n  // Expose reset method via ref\n  React.useImperativeHandle(\n    ref,\n    () => ({\n      reset: (newFiles?: FileMetadata[]) => reset(newFiles),\n      clearFiles: () => clearFiles(),\n      getFiles: () => files,\n    }),\n    [reset, clearFiles, files],\n  );\n\n  // Handle errors\n  React.useEffect(() => {\n    if (errors.length > 0 && onError) {\n      onError({\n        type: \"validation\",\n        message: errors[0],\n      });\n    }\n  }, [errors, onError]);\n\n  // Render file item using ListItem or custom render prop\n  const renderDefaultFileItem = (file: FileUploadItem) => {\n    if (renderFileItem) {\n      return renderFileItem(file, {\n        remove: () => removeFile(file.id),\n        retry: () => retryUpload(file.id),\n      });\n    }\n\n    return (\n      <FileUpload.ListItem\n        key={file.id}\n        file={file}\n        onItemClick={onItemClick}\n      />\n    );\n  };\n\n  return (\n    <FileUpload.Root\n      key={uploadHook.instanceKey}\n      upload={uploadHook}\n      accept={accept}\n      multiple={multiple}\n      disabled={disabled}\n      className={className}\n    >\n      <FileUpload.Dropzone\n        size={size}\n        dropzoneText={dropzoneText}\n        browseText={buttonText}\n        render={render}\n      />\n\n      {/* Errors */}\n      {errors.length > 0 && (\n        <div className=\"text-destructive text-sm\">\n          {errors.map((error, i) => (\n            <p key={i}>{error}</p>\n          ))}\n        </div>\n      )}\n\n      {/* File List */}\n      {showFileList && files.length > 0 && (\n        <div>\n          <div className=\"mb-2 flex items-center justify-between\">\n            <span className=\"text-foreground text-sm font-medium\">\n              {multiple ? `Files (${files.length})` : \"Selected file\"}\n            </span>\n            {multiple && files.length > 1 && (\n              <FileUpload.ClearAll\n                size=\"sm\"\n                className=\"text-destructive hover:text-destructive/80\"\n              >\n                Remove all\n              </FileUpload.ClearAll>\n            )}\n          </div>\n\n          <FileUpload.List>{files.map(renderDefaultFileItem)}</FileUpload.List>\n        </div>\n      )}\n    </FileUpload.Root>\n  );\n});\n\nexport type {\n  FileUploadItem,\n  UploadConfig,\n  UseFileUploadOptions as FileUploadWithUploaderOptions,\n  FileMetadata,\n} from \"@px-ui/ui/hooks/use-file-upload\";\nexport type {\n  DropzoneRenderProps,\n  DropzoneState,\n} from \"@px-ui/ui/components/file-upload\";\n"],"mappings":";;;;;;;;;AAuEA,MAAa,kBAAkBA,QAAM,WAGnC,SAASC,kBACT,EACE,OAAO,WACP,eAAe,mCACf,aAAa,oBACb,eAAe,MACf,eAAe,EAAE,EACjB,WAAW,OACX,WACA,QACA,gBACA,aACA,SAEA,UACA,SACA,SACA,QACA,WAAW,OACX,eACA,WACA,cACA,QAAQ,gBAEV,KACA;CACA,MAAM,aAAa,cAAc;EAC/B;EACA;EACA;EACA;EACA;EACA,cAAc,aAAa,KAAK,OAAO;GACrC,GAAG;GACH,IAAI,EAAE;GACN,MAAM,EAAE;GACR,MAAM,EAAE;GACR,MAAM,EAAE;GACR,KAAK,EAAE;GACR,EAAE;EACH;EACA;EACA;EACA,QAAQ;EACT,CAAC;CAEF,MAAM,EAAE,OAAO,QAAQ,aAAa,YAAY,OAAO,eACrD;AAGF,SAAM,oBACJ,YACO;EACL,QAAQ,aAA8B,MAAM,SAAS;EACrD,kBAAkB,YAAY;EAC9B,gBAAgB;EACjB,GACD;EAAC;EAAO;EAAY;EAAM,CAC3B;AAGD,SAAM,gBAAgB;AACpB,MAAI,OAAO,SAAS,KAAK,QACvB,SAAQ;GACN,MAAM;GACN,SAAS,OAAO;GACjB,CAAC;IAEH,CAAC,QAAQ,QAAQ,CAAC;CAGrB,MAAM,yBAAyB,SAAyB;AACtD,MAAI,eACF,QAAO,eAAe,MAAM;GAC1B,cAAc,WAAW,KAAK,GAAG;GACjC,aAAa,YAAY,KAAK,GAAG;GAClC,CAAC;AAGJ,SACE,oBAAC,WAAW;GAEJ;GACO;KAFR,KAAK,GAGV;;AAIN,QACE,qBAAC,WAAW;EAEV,QAAQ;EACA;EACE;EACA;EACC;;GAEX,oBAAC,WAAW;IACJ;IACQ;IACd,YAAY;IACJ;KACR;GAGD,OAAO,SAAS,KACf,oBAAC;IAAI,WAAU;cACZ,OAAO,KAAK,OAAO,MAClB,oBAAC,iBAAW,SAAJ,EAAc,CACtB;KACE;GAIP,gBAAgB,MAAM,SAAS,KAC9B,qBAAC,oBACC,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eACb,WAAW,UAAU,MAAM,OAAO,KAAK;MACnC,EACN,YAAY,MAAM,SAAS,KAC1B,oBAAC,WAAW;KACV,MAAK;KACL,WAAU;eACX;MAEqB;KAEpB,EAEN,oBAAC,WAAW,kBAAM,MAAM,IAAI,sBAAsB,GAAmB,IACjE;;IAzCH,WAAW,YA2CA;EAEpB"}

package/dist/components/file-upload.d.ts

@@ -0,0 +1,4 @@
+import "../button-BiiFfKiR.js";
+import "../use-file-upload-yy-xLBtn.js";
+import { a as FileUpload, c as ListProps, i as DropzoneState, l as RootProps, n as DropzoneProps, o as HiddenInputProps, r as DropzoneRenderProps, s as ListItemProps, t as ClearAllProps, u as getFileTypeIcon } from "../file-upload-D8hgfjvA.js";
+export { ClearAllProps, DropzoneProps, DropzoneRenderProps, DropzoneState, FileUpload, HiddenInputProps, ListItemProps, ListProps, RootProps, getFileTypeIcon };

package/dist/components/file-upload.js

@@ -0,0 +1,6 @@
+import "../utils-mWJR2N24.js";
+import "../button-hBUFMmsZ.js";
+import "../spinner-Bo0sUZEg.js";
+import { n as getFileTypeIcon, t as FileUpload } from "../file-upload-DeCIv13t.js";
+
+export { FileUpload, getFileTypeIcon };

package/dist/components/hover-card.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime156 from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+
+//#region src/components/hover-card.d.ts
+declare function HoverCard({
+  ...props
+}: PreviewCard.Root.Props): react_jsx_runtime156.JSX.Element;
+declare function HoverCardTrigger({
+  ...props
+}: PreviewCard.Trigger.Props): react_jsx_runtime156.JSX.Element;
+declare function HoverCardContent({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  ...props
+}: PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime156.JSX.Element;
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../src/components/hover-card.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,SAAA;;GAAwB,WAAA,CAAqB,IAAA,CAAK,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAIvD,gBAAA;;GAA+B,WAAA,CAAqB,OAAA,CAAQ,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAMjE,gBAAA;;;;;;;GAON,WAAA,CAAqB,KAAA,CAAM,QAC5B,KACE,WAAA,CAAqB,UAAA,CAAW,0DAEjC,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/hover-card.js

@@ -0,0 +1,40 @@
+"use client";
+
+import { t as cn } from "../utils-mWJR2N24.js";
+import { jsx } from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+
+//#region src/components/hover-card.tsx
+function HoverCard({ ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard.Root, {
+		"data-slot": "hover-card",
+		...props
+	});
+}
+function HoverCardTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...props
+	});
+}
+function HoverCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard.Portal, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
+				"data-slot": "hover-card-content",
+				className: cn("z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+				...props
+			})
+		})
+	});
+}
+
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.js.map

package/dist/components/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","names":["PreviewCardPrimitive"],"sources":["../../src/components/hover-card.tsx"],"sourcesContent":["\"use client\"\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction HoverCard({ ...props }: PreviewCardPrimitive.Root.Props) {\n  return <PreviewCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props) {\n  return (\n    <PreviewCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n  )\n}\n\nfunction HoverCardContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 4,\n  ...props\n}: PreviewCardPrimitive.Popup.Props &\n  Pick<\n    PreviewCardPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <PreviewCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <PreviewCardPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PreviewCardPrimitive.Popup\n          data-slot=\"hover-card-content\"\n          className={cn(\n            \"z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className\n          )}\n          {...props}\n        />\n      </PreviewCardPrimitive.Positioner>\n    </PreviewCardPrimitive.Portal>\n  )\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n"],"mappings":";;;;;;;AAMA,SAAS,UAAU,EAAE,GAAG,SAA0C;AAChE,QAAO,oBAACA,YAAqB;EAAK,aAAU;EAAa,GAAI;GAAS;;AAGxE,SAAS,iBAAiB,EAAE,GAAG,SAA6C;AAC1E,QACE,oBAACA,YAAqB;EAAQ,aAAU;EAAqB,GAAI;GAAS;;AAI9E,SAAS,iBAAiB,EACxB,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,GAAG,SAKA;AACH,QACE,oBAACA,YAAqB;EAAO,aAAU;YACrC,oBAACA,YAAqB;GACb;GACM;GACP;GACM;GACZ,WAAU;aAEV,oBAACA,YAAqB;IACpB,aAAU;IACV,WAAW,GACT,8hBACA,UACD;IACD,GAAI;KACJ;IAC8B;GACN"}

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

@@ -0,0 +1,46 @@
+import { t as Button } from "../button-BiiFfKiR.js";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+
+//#region src/components/input-group.d.ts
+declare function InputGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime128.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+declare function InputGroupAddon({
+  className,
+  align,
+  ...props
+}: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime128.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+declare function InputGroupButton({
+  className,
+  type,
+  variant,
+  size,
+  ...props
+}: Omit<React$1.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+  type?: "button" | "submit" | "reset";
+}): react_jsx_runtime128.JSX.Element;
+declare function InputGroupText({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime128.JSX.Element;
+declare function InputGroupInput({
+  className,
+  ...props
+}: React$1.ComponentProps<"input">): react_jsx_runtime128.JSX.Element;
+declare function InputGroupTextarea({
+  className,
+  ...props
+}: React$1.ComponentProps<"textarea">): react_jsx_runtime128.JSX.Element;
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+//# sourceMappingURL=input-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","names":[],"sources":["../../src/components/input-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAUS,UAAA;;;GAAoC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;cAclE;;IAmBL,+BAAA,CAAA;AArCoD,iBAuC5C,eAAA,CAnCU;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAuChB,OAAA,CAAM,cAvCU,CAAA,KAAA,CAAA,GAuCc,YAvCd,CAAA,OAuCkC,uBAvClC,CAAA,CAAA,EAuC0D,oBAAA,CAAA,GAAA,CAAA,OAvC1D;cAyDb,wBAzDgB,EAAA,CAAA,KAAkD,CAAlD,EAAA,CAAA;EAAuB,IAAA,CAAM,EAAA,IAAA,GAAA,IAAA,GAAA,SAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;CAAqB,GAyEvE,+BAAA,CAAA,SAzEuE,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBA2E/D,gBAAA,CA3E+D;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAiFrE,IAjFqE,CAiFhE,OAAA,CAAM,cAjF0D,CAAA,OAiFpC,MAjFoC,CAAA,EAAA,MAAA,GAAA,MAAA,CAAA,GAkFtE,YAlFsE,CAAA,OAkFlD,wBAlFkD,CAAA,GAAA;EAclE,IAAA,CAAA,EAAA,QAAA,GAAA,QAmBL,GAAA,OAAA;IAmDE,oBAAA,CAAA,GAAA,CAAA,OAjDqB;iBA6Df,cAAA,CA5DP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4D+C,OAAA,CAAM,cA5DrD,CAAA,MAAA,CAAA,CAAA,EA4D2E,oBAAA,CAAA,GAAA,CAAA,OA5D3E;iBAwEO,eAAA,CAvEP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0EC,OAAA,CAAM,cA1EP,CAAA,OAAA,CAAA,CAAA,EA0E8B,oBAAA,CAAA,GAAA,CAAA,OA1E9B;iBAuFO,kBAAA,CArFA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwFN,OAAA,CAAM,cAxFA,CAAA,UAAA,CAAA,CAAA,EAwF0B,oBAAA,CAAA,GAAA,CAAA,OAxF1B"}

package/dist/components/input-group.js

@@ -0,0 +1,9 @@
+"use client";
+
+import "../utils-mWJR2N24.js";
+import "../button-hBUFMmsZ.js";
+import "../input-8jqdnUZl.js";
+import "../textarea-Cq0o323P.js";
+import { a as InputGroupText, i as InputGroupInput, n as InputGroupAddon, o as InputGroupTextarea, r as InputGroupButton, t as InputGroup } from "../input-group-DqEkmpXW.js";
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime134 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { OTPFieldPreview } from "@base-ui/react/otp-field";
+
+//#region src/components/input-otp.d.ts
+declare function InputOTP({
+  className,
+  ...props
+}: OTPFieldPreview.Root.Props): react_jsx_runtime134.JSX.Element;
+declare function InputOTPGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime134.JSX.Element;
+declare function InputOTPSlot({
+  className,
+  ...props
+}: OTPFieldPreview.Input.Props): react_jsx_runtime134.JSX.Element;
+declare function InputOTPSeparator({
+  className,
+  ...props
+}: OTPFieldPreview.Separator.Props): react_jsx_runtime134.JSX.Element;
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../../src/components/input-otp.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMS,QAAA;;;GAGN,eAAA,CAAkB,IAAA,CAAK,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAatB,aAAA;;;GAAuC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAalE,YAAA;;;GAAsC,eAAA,CAAkB,KAAA,CAAM,QAAK,oBAAA,CAAA,GAAA,CAAA;AAlCG,iBA+CtE,iBAAA,CA1CQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6Cd,eAAA,CAAkB,SAAA,CAAU,KA7Cd,CAAA,EA6CmB,oBAAA,CAAA,GAAA,CAAA,OA7CnB"}

package/dist/components/input-otp.js

@@ -0,0 +1,40 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { MinusIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { OTPFieldPreview } from "@base-ui/react/otp-field";
+
+//#region src/components/input-otp.tsx
+function InputOTP({ className, ...props }) {
+	return /* @__PURE__ */ jsx(OTPFieldPreview.Root, {
+		"data-slot": "input-otp",
+		className: cn("flex items-center gap-2 has-disabled:opacity-50", className),
+		...props
+	});
+}
+function InputOTPGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-otp-group",
+		className: cn("flex items-center rounded-md has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+function InputOTPSlot({ className, ...props }) {
+	return /* @__PURE__ */ jsx(OTPFieldPreview.Input, {
+		"data-slot": "input-otp-slot",
+		className: cn("relative flex size-9 items-center justify-center border-y border-e border-input bg-transparent text-center text-sm caret-foreground shadow-xs transition-all outline-none first:rounded-s-md first:border-s last:rounded-e-md focus:z-10 focus:border-ring focus:ring-3 focus:ring-ring/50 aria-invalid:border-destructive focus:aria-invalid:border-destructive focus:aria-invalid:ring-destructive/20 disabled:cursor-not-allowed dark:bg-input/30 dark:focus:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+function InputOTPSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(OTPFieldPreview.Separator, {
+		"data-slot": "input-otp-separator",
+		className: cn("flex items-center [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ jsx(MinusIcon, {})
+	});
+}
+
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","names":["OTPFieldPrimitive"],"sources":["../../src/components/input-otp.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { OTPFieldPreview as OTPFieldPrimitive } from \"@base-ui/react/otp-field\"\nimport { MinusIcon } from \"lucide-react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction InputOTP({\n  className,\n  ...props\n}: OTPFieldPrimitive.Root.Props) {\n  return (\n    <OTPFieldPrimitive.Root\n      data-slot=\"input-otp\"\n      className={cn(\n        \"flex items-center gap-2 has-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\n        \"flex items-center rounded-md has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({ className, ...props }: OTPFieldPrimitive.Input.Props) {\n  return (\n    <OTPFieldPrimitive.Input\n      data-slot=\"input-otp-slot\"\n      className={cn(\n        \"relative flex size-9 items-center justify-center border-y border-e border-input bg-transparent text-center text-sm caret-foreground shadow-xs transition-all outline-none first:rounded-s-md first:border-s last:rounded-e-md focus:z-10 focus:border-ring focus:ring-3 focus:ring-ring/50 aria-invalid:border-destructive focus:aria-invalid:border-destructive focus:aria-invalid:ring-destructive/20 disabled:cursor-not-allowed dark:bg-input/30 dark:focus:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSeparator({\n  className,\n  ...props\n}: OTPFieldPrimitive.Separator.Props) {\n  return (\n    <OTPFieldPrimitive.Separator\n      data-slot=\"input-otp-separator\"\n      className={cn(\n        \"flex items-center [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <MinusIcon />\n    </OTPFieldPrimitive.Separator>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"mappings":";;;;;;;AAMA,SAAS,SAAS,EAChB,WACA,GAAG,SAC4B;AAC/B,QACE,oBAACA,gBAAkB;EACjB,aAAU;EACV,WAAW,GACT,mDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,2KACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAwC;AAC5E,QACE,oBAACA,gBAAkB;EACjB,aAAU;EACV,WAAW,GACT,oeACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,oBAACA,gBAAkB;EACjB,aAAU;EACV,WAAW,GACT,0DACA,UACD;EACD,GAAI;YAEJ,oBAAC,cAAY;GACe"}