@questpie/admin 0.0.1 → 1.0.1

package/dist/auth-layout-M8K8_q5R.mjs

@@ -0,0 +1,181 @@
+import { g as cn } from "./content-locales-provider-BXvuIgfg.mjs";
+import { i as CardDescription, o as CardHeader, r as CardContent, s as CardTitle, t as Card } from "./card-BKHjBQfw.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Input } from "@base-ui/react/input";
+import { Separator } from "@base-ui/react/separator";
+
+//#region src/client/components/ui/input.tsx
+function Input$1({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		type,
+		"data-slot": "input",
+		className: cn("bg-input/20 backdrop-blur-sm border-input/80 focus-visible:border-ring focus-visible:ring-ring/30 focus:border-ring focus:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-9 border px-3 py-1.5 text-sm transition-all file:h-7 file:text-sm file:font-medium focus-visible:ring-[2px] focus:ring-[2px] aria-invalid:ring-[2px] file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/client/components/ui/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx("label", {
+		"data-slot": "label",
+		className: cn("gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/client/components/ui/separator.tsx
+function Separator$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "separator",
+		orientation,
+		className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/client/components/ui/field.tsx
+function FieldGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-group",
+		className: cn("gap-4 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col", className),
+		...props
+	});
+}
+const fieldVariants = cva("data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
+	variants: { orientation: {
+		vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @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("gap-0.5 group/field-content flex flex-1 flex-col leading-snug", className),
+		...props
+	});
+}
+function FieldLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "field-label",
+		className: cn("has-data-checked:bg-primary/5 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2 group/field-label peer/field-label flex w-fit leading-snug", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
+		...props
+	});
+}
+function FieldDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "field-description",
+		className: cn("text-muted-foreground text-left text-xs/relaxed [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+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: "ml-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-destructive text-xs/relaxed font-normal", className),
+		...props,
+		children: content
+	});
+}
+
+//#endregion
+//#region src/client/components/ui/alert.tsx
+const alertVariants = cva("grid gap-0.5 border px-2 py-1.5 text-left text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-1.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-3.5 w-full relative group/alert", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-muted-foreground text-xs/relaxed text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/client/views/auth/auth-layout.tsx
+/**
+* Centered layout for authentication pages (login, register, forgot password, etc.)
+*
+* @example
+* ```tsx
+* <AuthLayout
+*   title="Sign in"
+*   description="Enter your credentials to access the admin panel"
+*   logo={<Logo />}
+*   footer={<Link to="/forgot-password">Forgot password?</Link>}
+* >
+*   <LoginForm />
+* </AuthLayout>
+* ```
+*/
+function AuthLayout({ title, description, logo, footer, children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "bg-background flex min-h-screen flex-col items-center justify-center p-4",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-sm space-y-6",
+			children: [
+				logo && /* @__PURE__ */ jsx("div", {
+					className: "flex justify-center",
+					children: logo
+				}),
+				/* @__PURE__ */ jsxs(Card, {
+					className: cn("w-full", className),
+					children: [/* @__PURE__ */ jsxs(CardHeader, {
+						className: "text-center",
+						children: [/* @__PURE__ */ jsx(CardTitle, {
+							className: "text-lg",
+							children: title
+						}), description && /* @__PURE__ */ jsx(CardDescription, { children: description })]
+					}), /* @__PURE__ */ jsx(CardContent, { children })]
+				}),
+				footer && /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground text-center text-xs",
+					children: footer
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { FieldContent as a, FieldGroup as c, Label as d, Input$1 as f, Field as i, FieldLabel as l, Alert as n, FieldDescription as o, AlertDescription as r, FieldError as s, AuthLayout as t, Separator$1 as u };
+//# sourceMappingURL=auth-layout-M8K8_q5R.mjs.map

package/dist/auth-layout-M8K8_q5R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout-M8K8_q5R.mjs","names":["Input","InputPrimitive","Separator","SeparatorPrimitive"],"sources":["../src/client/components/ui/input.tsx","../src/client/components/ui/label.tsx","../src/client/components/ui/separator.tsx","../src/client/components/ui/field.tsx","../src/client/components/ui/alert.tsx","../src/client/views/auth/auth-layout.tsx"],"sourcesContent":["import { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n\treturn (\n\t\t<InputPrimitive\n\t\t\ttype={type}\n\t\t\tdata-slot=\"input\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-input/20 backdrop-blur-sm border-input/80 focus-visible:border-ring focus-visible:ring-ring/30 focus:border-ring focus:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-9 border px-3 py-1.5 text-sm transition-all file:h-7 file:text-sm file:font-medium focus-visible:ring-[2px] focus:ring-[2px] aria-invalid:ring-[2px] file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Input };\n","import type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n","import { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorPrimitive.Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n","\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Label } from \"./label\";\nimport { Separator } from \"./separator\";\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        \"gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col\",\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-2 font-medium data-[variant=label]:text-xs/relaxed data-[variant=legend]:text-sm\",\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        \"gap-4 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  \"data-[invalid=true]:text-destructive gap-2 group/field flex w-full\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col [&>*]:w-full [&>.sr-only]:w-auto\",\n        horizontal:\n          \"flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        responsive:\n          \"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @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        \"gap-0.5 group/field-content flex flex-1 flex-col leading-snug\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        \"has-data-checked:bg-primary/5 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2 group/field-label peer/field-label flex w-fit leading-snug\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        \"gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug\",\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-muted-foreground text-left text-xs/relaxed [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\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        \"-my-2 h-5 text-xs/relaxed group-data-[variant=outline]/field-group:-mb-2 relative\",\n        className,\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\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=\"ml-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-destructive text-xs/relaxed font-normal\", 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};\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"#questpie/admin/client/lib/utils\";\n\nconst alertVariants = cva(\n  \"grid gap-0.5 border px-2 py-1.5 text-left text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-1.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-3.5 w-full relative group/alert\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground text-xs/relaxed text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-1.5 right-2\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n","/**\n * Auth Layout - centered card layout for authentication pages\n */\n\nimport * as React from \"react\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"../../components/ui/card\";\nimport { cn } from \"../../lib/utils\";\n\nexport type AuthLayoutProps = {\n  /** Page title */\n  title: string;\n  /** Page description */\n  description?: string;\n  /** Logo component or element */\n  logo?: React.ReactNode;\n  /** Footer content (e.g., links to other auth pages) */\n  footer?: React.ReactNode;\n  /** Form content */\n  children: React.ReactNode;\n  /** Additional class name for the card */\n  className?: string;\n};\n\n/**\n * Centered layout for authentication pages (login, register, forgot password, etc.)\n *\n * @example\n * ```tsx\n * <AuthLayout\n *   title=\"Sign in\"\n *   description=\"Enter your credentials to access the admin panel\"\n *   logo={<Logo />}\n *   footer={<Link to=\"/forgot-password\">Forgot password?</Link>}\n * >\n *   <LoginForm />\n * </AuthLayout>\n * ```\n */\nexport function AuthLayout({\n  title,\n  description,\n  logo,\n  footer,\n  children,\n  className,\n}: AuthLayoutProps) {\n  return (\n    <div className=\"bg-background flex min-h-screen flex-col items-center justify-center p-4\">\n      <div className=\"w-full max-w-sm space-y-6\">\n        {/* Logo */}\n        {logo && <div className=\"flex justify-center\">{logo}</div>}\n\n        {/* Main Card */}\n        <Card className={cn(\"w-full\", className)}>\n          <CardHeader className=\"text-center\">\n            <CardTitle className=\"text-lg\">{title}</CardTitle>\n            {description && <CardDescription>{description}</CardDescription>}\n          </CardHeader>\n          <CardContent>{children}</CardContent>\n        </Card>\n\n        {/* Footer */}\n        {footer && (\n          <div className=\"text-muted-foreground text-center text-xs\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/bulk-upload-dialog-D7w7W1Hl.mjs

@@ -0,0 +1,273 @@
+import { g as cn, h as Button } from "./content-locales-provider-BXvuIgfg.mjs";
+import { a as ResponsiveDialogDescription, c as ResponsiveDialogTitle, i as ResponsiveDialogContent, n as useUpload, o as ResponsiveDialogFooter, r as ResponsiveDialog, s as ResponsiveDialogHeader, t as Dropzone } from "./dropzone-Do3awXKd.mjs";
+import { CheckCircle, WarningCircle, X } from "@phosphor-icons/react";
+import * as React$1 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+
+//#region src/client/components/media/bulk-upload-dialog.tsx
+/**
+* BulkUploadDialog Component
+*
+* Dialog for bulk uploading multiple files to the assets collection.
+* Triggered from the assets collection header action "Upload Files".
+*
+* Features:
+* - Multi-file dropzone
+* - Individual file progress tracking
+* - Validation (type, size)
+* - Error handling with retry
+* - Success notification
+*
+* @example
+* ```tsx
+* <BulkUploadDialog
+*   collection="assets"
+*   onClose={() => setOpen(false)}
+*   onSuccess={() => queryClient.invalidateQueries()}
+* />
+* ```
+*/
+/**
+* Sanitize filename for safe storage
+*/
+function sanitizeFilename(filename) {
+	const lastDot = filename.lastIndexOf(".");
+	const ext = lastDot > 0 ? filename.slice(lastDot) : "";
+	return ((lastDot > 0 ? filename.slice(0, lastDot) : filename).normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^a-zA-Z0-9._-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "").toLowerCase() || "file") + ext.toLowerCase();
+}
+/**
+* Format file size
+*/
+function formatFileSize(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function FileItem({ file, onRemove }) {
+	const statusIcon = {
+		pending: null,
+		uploading: null,
+		success: /* @__PURE__ */ jsx(CheckCircle, {
+			weight: "fill",
+			className: "size-5 text-green-600"
+		}),
+		error: /* @__PURE__ */ jsx(WarningCircle, {
+			weight: "fill",
+			className: "size-5 text-destructive"
+		})
+	};
+	const statusColor = {
+		pending: "text-muted-foreground",
+		uploading: "text-primary",
+		success: "text-green-600",
+		error: "text-destructive"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-start gap-3 rounded-lg border p-3", file.status === "error" && "border-destructive/50 bg-destructive/5", file.status === "success" && "border-green-600/50 bg-green-600/5"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 flex-1",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "truncate text-sm font-medium",
+						title: file.file.name,
+						children: file.file.name
+					}), statusIcon[file.status]]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-xs",
+					children: formatFileSize(file.file.size)
+				}),
+				file.status === "uploading" && /* @__PURE__ */ jsxs("div", {
+					className: "mt-2",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "bg-muted h-1.5 overflow-hidden rounded-full",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "bg-primary h-full rounded-full transition-all duration-300",
+							style: { width: `${file.progress}%` }
+						})
+					}), /* @__PURE__ */ jsxs("p", {
+						className: cn("mt-1 text-xs", statusColor[file.status]),
+						children: [
+							"Uploading... ",
+							file.progress,
+							"%"
+						]
+					})]
+				}),
+				file.status === "error" && file.error && /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-xs text-destructive",
+					children: file.error
+				}),
+				file.status === "success" && /* @__PURE__ */ jsx("p", {
+					className: cn("mt-1 text-xs", statusColor[file.status]),
+					children: "Uploaded successfully"
+				})
+			]
+		}), file.status === "pending" && onRemove && /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-xs",
+			onClick: onRemove,
+			className: "text-muted-foreground hover:text-destructive shrink-0",
+			children: /* @__PURE__ */ jsx(X, { weight: "bold" })
+		})]
+	});
+}
+function BulkUploadDialog({ collection = "assets", onClose, onSuccess }) {
+	const { uploadMany } = useUpload();
+	const [files, setFiles] = React$1.useState([]);
+	const [isUploading, setIsUploading] = React$1.useState(false);
+	const hasFiles = files.length > 0;
+	const pendingFiles = files.filter((f) => f.status === "pending");
+	const uploadedFiles = files.filter((f) => f.status === "success");
+	const failedFiles = files.filter((f) => f.status === "error");
+	const canUpload = pendingFiles.length > 0 && !isUploading;
+	const allComplete = hasFiles && pendingFiles.length === 0 && !isUploading;
+	const handleDrop = (droppedFiles) => {
+		const newFiles = droppedFiles.map((file) => {
+			const sanitizedName = sanitizeFilename(file.name);
+			return new File([file], sanitizedName, { type: file.type });
+		}).map((file) => ({
+			file,
+			status: "pending",
+			progress: 0
+		}));
+		setFiles((prev) => [...prev, ...newFiles]);
+	};
+	const handleRemove = (index) => {
+		setFiles((prev) => prev.filter((_, i) => i !== index));
+	};
+	const handleUploadAll = async () => {
+		if (!canUpload) return;
+		setIsUploading(true);
+		try {
+			const filesToUpload = files.filter((f) => f.status === "pending").map((f) => f.file);
+			for (let i = 0; i < filesToUpload.length; i++) {
+				const file = filesToUpload[i];
+				const fileIndex = files.findIndex((f) => f.file === file && f.status === "pending");
+				setFiles((prev) => prev.map((f, idx) => idx === fileIndex ? {
+					...f,
+					status: "uploading"
+				} : f));
+				try {
+					const asset = await uploadMany([file], {
+						collection,
+						onProgress: (progress) => {
+							setFiles((prev) => prev.map((f, idx) => idx === fileIndex ? {
+								...f,
+								progress
+							} : f));
+						}
+					});
+					setFiles((prev) => prev.map((f, idx) => idx === fileIndex ? {
+						...f,
+						status: "success",
+						progress: 100,
+						asset: asset[0]
+					} : f));
+				} catch (err) {
+					const errorMessage = err instanceof Error ? err.message : "Upload failed";
+					setFiles((prev) => prev.map((f, idx) => idx === fileIndex ? {
+						...f,
+						status: "error",
+						error: errorMessage
+					} : f));
+				}
+			}
+			const successCount = files.filter((f) => f.status === "success").length;
+			const failureCount = files.filter((f) => f.status === "error").length;
+			if (successCount > 0) {
+				toast.success(`${successCount} file${successCount !== 1 ? "s" : ""} uploaded successfully`);
+				onSuccess?.();
+			}
+			if (failureCount > 0) toast.error(`${failureCount} file${failureCount !== 1 ? "s" : ""} failed to upload`);
+		} finally {
+			setIsUploading(false);
+		}
+	};
+	const handleClose = () => {
+		if (isUploading) {
+			toast.warning("Please wait for uploads to complete");
+			return;
+		}
+		onClose();
+	};
+	const handleDone = () => {
+		setFiles([]);
+		onClose();
+	};
+	return /* @__PURE__ */ jsx(ResponsiveDialog, {
+		open: true,
+		onOpenChange: handleClose,
+		children: /* @__PURE__ */ jsxs(ResponsiveDialogContent, {
+			className: "flex max-h-[90vh] flex-col sm:max-w-2xl",
+			children: [
+				/* @__PURE__ */ jsxs(ResponsiveDialogHeader, { children: [/* @__PURE__ */ jsx(ResponsiveDialogTitle, { children: "Upload Files" }), /* @__PURE__ */ jsx(ResponsiveDialogDescription, { children: "Add multiple files to your media library" })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 space-y-4 overflow-y-auto",
+					children: [!allComplete && /* @__PURE__ */ jsx(Dropzone, {
+						onDrop: handleDrop,
+						multiple: true,
+						disabled: isUploading,
+						label: "Drop files here or click to browse",
+						hint: "Upload multiple files at once"
+					}), hasFiles && /* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ jsxs("p", {
+								className: "text-sm font-medium",
+								children: [
+									"Files (",
+									files.length,
+									")"
+								]
+							}), uploadedFiles.length > 0 && /* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground text-xs",
+								children: [
+									uploadedFiles.length,
+									" uploaded",
+									failedFiles.length > 0 && `, ${failedFiles.length} failed`
+								]
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "space-y-2",
+							children: files.map((file, index) => /* @__PURE__ */ jsx(FileItem, {
+								file,
+								onRemove: file.status === "pending" ? () => handleRemove(index) : void 0
+							}, `${file.file.name}-${index}`))
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx(ResponsiveDialogFooter, {
+					className: "border-t pt-4",
+					children: allComplete ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: handleDone,
+						children: "Done"
+					}) }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: handleClose,
+						disabled: isUploading,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsxs(Button, {
+						onClick: handleUploadAll,
+						disabled: !canUpload || isUploading,
+						children: [
+							isUploading ? "Uploading..." : "Upload",
+							" ",
+							pendingFiles.length > 0 && `(${pendingFiles.length})`
+						]
+					})] })
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { BulkUploadDialog };
+//# sourceMappingURL=bulk-upload-dialog-D7w7W1Hl.mjs.map

package/dist/bulk-upload-dialog-D7w7W1Hl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-upload-dialog-D7w7W1Hl.mjs","names":["React","newFiles: FileUploadState[]"],"sources":["../src/client/components/media/bulk-upload-dialog.tsx"],"sourcesContent":["/**\n * BulkUploadDialog Component\n *\n * Dialog for bulk uploading multiple files to the assets collection.\n * Triggered from the assets collection header action \"Upload Files\".\n *\n * Features:\n * - Multi-file dropzone\n * - Individual file progress tracking\n * - Validation (type, size)\n * - Error handling with retry\n * - Success notification\n *\n * @example\n * ```tsx\n * <BulkUploadDialog\n *   collection=\"assets\"\n *   onClose={() => setOpen(false)}\n *   onSuccess={() => queryClient.invalidateQueries()}\n * />\n * ```\n */\n\nimport * as React from \"react\";\nimport { Trash, CheckCircle, WarningCircle, X } from \"@phosphor-icons/react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"../../lib/utils\";\nimport { useUpload, type Asset } from \"../../hooks/use-upload\";\nimport { Button } from \"../ui/button\";\nimport {\n\tResponsiveDialog,\n\tResponsiveDialogContent,\n\tResponsiveDialogHeader,\n\tResponsiveDialogTitle,\n\tResponsiveDialogDescription,\n\tResponsiveDialogFooter,\n} from \"../ui/responsive-dialog\";\nimport { Dropzone } from \"../primitives/dropzone\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface BulkUploadDialogProps {\n\t/**\n\t * Target collection\n\t * @default \"assets\"\n\t */\n\tcollection?: string;\n\n\t/**\n\t * Called when dialog should close\n\t */\n\tonClose: () => void;\n\n\t/**\n\t * Called after successful upload\n\t */\n\tonSuccess?: () => void;\n}\n\n/**\n * File upload state\n */\ninterface FileUploadState {\n\tfile: File;\n\tstatus: \"pending\" | \"uploading\" | \"success\" | \"error\";\n\tprogress: number;\n\tasset?: Asset;\n\terror?: string;\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Sanitize filename for safe storage\n */\nfunction sanitizeFilename(filename: string): string {\n\tconst lastDot = filename.lastIndexOf(\".\");\n\tconst ext = lastDot > 0 ? filename.slice(lastDot) : \"\";\n\tconst name = lastDot > 0 ? filename.slice(0, lastDot) : filename;\n\n\tconst sanitized = name\n\t\t.normalize(\"NFD\")\n\t\t.replace(/[\\u0300-\\u036f]/g, \"\") // Remove diacritics\n\t\t.replace(/\\s+/g, \"-\") // Replace spaces with hyphens\n\t\t.replace(/[^a-zA-Z0-9._-]/g, \"\") // Remove invalid chars\n\t\t.replace(/-+/g, \"-\") // Collapse multiple hyphens\n\t\t.replace(/^-|-$/g, \"\") // Remove leading/trailing hyphens\n\t\t.toLowerCase();\n\n\treturn (sanitized || \"file\") + ext.toLowerCase();\n}\n\n/**\n * Format file size\n */\nfunction formatFileSize(bytes: number): string {\n\tif (bytes < 1024) return `${bytes} B`;\n\tif (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n\treturn `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\n// ============================================================================\n// File Item Component\n// ============================================================================\n\ninterface FileItemProps {\n\tfile: FileUploadState;\n\tonRemove?: () => void;\n}\n\nfunction FileItem({ file, onRemove }: FileItemProps) {\n\tconst statusIcon = {\n\t\tpending: null,\n\t\tuploading: null,\n\t\tsuccess: <CheckCircle weight=\"fill\" className=\"size-5 text-green-600\" />,\n\t\terror: <WarningCircle weight=\"fill\" className=\"size-5 text-destructive\" />,\n\t};\n\n\tconst statusColor = {\n\t\tpending: \"text-muted-foreground\",\n\t\tuploading: \"text-primary\",\n\t\tsuccess: \"text-green-600\",\n\t\terror: \"text-destructive\",\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex items-start gap-3 rounded-lg border p-3\",\n\t\t\t\tfile.status === \"error\" && \"border-destructive/50 bg-destructive/5\",\n\t\t\t\tfile.status === \"success\" && \"border-green-600/50 bg-green-600/5\",\n\t\t\t)}\n\t\t>\n\t\t\t{/* File info */}\n\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<p className=\"truncate text-sm font-medium\" title={file.file.name}>\n\t\t\t\t\t\t{file.file.name}\n\t\t\t\t\t</p>\n\t\t\t\t\t{statusIcon[file.status]}\n\t\t\t\t</div>\n\n\t\t\t\t<p className=\"text-muted-foreground text-xs\">\n\t\t\t\t\t{formatFileSize(file.file.size)}\n\t\t\t\t</p>\n\n\t\t\t\t{/* Progress bar */}\n\t\t\t\t{file.status === \"uploading\" && (\n\t\t\t\t\t<div className=\"mt-2\">\n\t\t\t\t\t\t<div className=\"bg-muted h-1.5 overflow-hidden rounded-full\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"bg-primary h-full rounded-full transition-all duration-300\"\n\t\t\t\t\t\t\t\tstyle={{ width: `${file.progress}%` }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p className={cn(\"mt-1 text-xs\", statusColor[file.status])}>\n\t\t\t\t\t\t\tUploading... {file.progress}%\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Error message */}\n\t\t\t\t{file.status === \"error\" && file.error && (\n\t\t\t\t\t<p className=\"mt-1 text-xs text-destructive\">{file.error}</p>\n\t\t\t\t)}\n\n\t\t\t\t{/* Success message */}\n\t\t\t\t{file.status === \"success\" && (\n\t\t\t\t\t<p className={cn(\"mt-1 text-xs\", statusColor[file.status])}>\n\t\t\t\t\t\tUploaded successfully\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* Remove button (only for pending files) */}\n\t\t\t{file.status === \"pending\" && onRemove && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\tclassName=\"text-muted-foreground hover:text-destructive shrink-0\"\n\t\t\t\t>\n\t\t\t\t\t<X weight=\"bold\" />\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport function BulkUploadDialog({\n\tcollection = \"assets\",\n\tonClose,\n\tonSuccess,\n}: BulkUploadDialogProps) {\n\tconst { uploadMany } = useUpload();\n\n\t// State\n\tconst [files, setFiles] = React.useState<FileUploadState[]>([]);\n\tconst [isUploading, setIsUploading] = React.useState(false);\n\n\t// Computed states\n\tconst hasFiles = files.length > 0;\n\tconst pendingFiles = files.filter((f) => f.status === \"pending\");\n\tconst uploadedFiles = files.filter((f) => f.status === \"success\");\n\tconst failedFiles = files.filter((f) => f.status === \"error\");\n\tconst canUpload = pendingFiles.length > 0 && !isUploading;\n\tconst allComplete =\n\t\thasFiles && pendingFiles.length === 0 && !isUploading;\n\n\t// Handle file drop\n\tconst handleDrop = (droppedFiles: File[]) => {\n\t\t// Sanitize filenames\n\t\tconst sanitizedFiles = droppedFiles.map((file) => {\n\t\t\tconst sanitizedName = sanitizeFilename(file.name);\n\t\t\treturn new File([file], sanitizedName, { type: file.type });\n\t\t});\n\n\t\tconst newFiles: FileUploadState[] = sanitizedFiles.map((file) => ({\n\t\t\tfile,\n\t\t\tstatus: \"pending\",\n\t\t\tprogress: 0,\n\t\t}));\n\n\t\tsetFiles((prev) => [...prev, ...newFiles]);\n\t};\n\n\t// Handle remove file\n\tconst handleRemove = (index: number) => {\n\t\tsetFiles((prev) => prev.filter((_, i) => i !== index));\n\t};\n\n\t// Handle upload all\n\tconst handleUploadAll = async () => {\n\t\tif (!canUpload) return;\n\n\t\tsetIsUploading(true);\n\n\t\ttry {\n\t\t\t// Get pending files\n\t\t\tconst filesToUpload = files\n\t\t\t\t.filter((f) => f.status === \"pending\")\n\t\t\t\t.map((f) => f.file);\n\n\t\t\t// Upload sequentially with progress tracking\n\t\t\tfor (let i = 0; i < filesToUpload.length; i++) {\n\t\t\t\tconst file = filesToUpload[i];\n\t\t\t\tconst fileIndex = files.findIndex(\n\t\t\t\t\t(f) => f.file === file && f.status === \"pending\",\n\t\t\t\t);\n\n\t\t\t\t// Mark as uploading\n\t\t\t\tsetFiles((prev) =>\n\t\t\t\t\tprev.map((f, idx) =>\n\t\t\t\t\t\tidx === fileIndex ? { ...f, status: \"uploading\" as const } : f,\n\t\t\t\t\t),\n\t\t\t\t);\n\n\t\t\t\ttry {\n\t\t\t\t\t// Upload file\n\t\t\t\t\tconst asset = await uploadMany([file], {\n\t\t\t\t\t\tcollection,\n\t\t\t\t\t\tonProgress: (progress) => {\n\t\t\t\t\t\t\tsetFiles((prev) =>\n\t\t\t\t\t\t\t\tprev.map((f, idx) =>\n\t\t\t\t\t\t\t\t\tidx === fileIndex ? { ...f, progress } : f,\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\n\t\t\t\t\t// Mark as success\n\t\t\t\t\tsetFiles((prev) =>\n\t\t\t\t\t\tprev.map((f, idx) =>\n\t\t\t\t\t\t\tidx === fileIndex\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t...f,\n\t\t\t\t\t\t\t\t\t\tstatus: \"success\" as const,\n\t\t\t\t\t\t\t\t\t\tprogress: 100,\n\t\t\t\t\t\t\t\t\t\tasset: asset[0],\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t: f,\n\t\t\t\t\t\t),\n\t\t\t\t\t);\n\t\t\t\t} catch (err) {\n\t\t\t\t\t// Mark as error\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terr instanceof Error ? err.message : \"Upload failed\";\n\n\t\t\t\t\tsetFiles((prev) =>\n\t\t\t\t\t\tprev.map((f, idx) =>\n\t\t\t\t\t\t\tidx === fileIndex\n\t\t\t\t\t\t\t\t? { ...f, status: \"error\" as const, error: errorMessage }\n\t\t\t\t\t\t\t\t: f,\n\t\t\t\t\t\t),\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Show success toast\n\t\t\tconst successCount = files.filter((f) => f.status === \"success\").length;\n\t\t\tconst failureCount = files.filter((f) => f.status === \"error\").length;\n\n\t\t\tif (successCount > 0) {\n\t\t\t\ttoast.success(\n\t\t\t\t\t`${successCount} file${successCount !== 1 ? \"s\" : \"\"} uploaded successfully`,\n\t\t\t\t);\n\t\t\t\tonSuccess?.();\n\t\t\t}\n\n\t\t\tif (failureCount > 0) {\n\t\t\t\ttoast.error(\n\t\t\t\t\t`${failureCount} file${failureCount !== 1 ? \"s\" : \"\"} failed to upload`,\n\t\t\t\t);\n\t\t\t}\n\t\t} finally {\n\t\t\tsetIsUploading(false);\n\t\t}\n\t};\n\n\t// Handle close\n\tconst handleClose = () => {\n\t\tif (isUploading) {\n\t\t\ttoast.warning(\"Please wait for uploads to complete\");\n\t\t\treturn;\n\t\t}\n\t\tonClose();\n\t};\n\n\t// Handle done (close after all complete)\n\tconst handleDone = () => {\n\t\tsetFiles([]);\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<ResponsiveDialog open onOpenChange={handleClose}>\n\t\t\t<ResponsiveDialogContent className=\"flex max-h-[90vh] flex-col sm:max-w-2xl\">\n\t\t\t\t<ResponsiveDialogHeader>\n\t\t\t\t\t<ResponsiveDialogTitle>Upload Files</ResponsiveDialogTitle>\n\t\t\t\t\t<ResponsiveDialogDescription>\n\t\t\t\t\t\tAdd multiple files to your media library\n\t\t\t\t\t</ResponsiveDialogDescription>\n\t\t\t\t</ResponsiveDialogHeader>\n\n\t\t\t\t{/* Content */}\n\t\t\t\t<div className=\"flex-1 space-y-4 overflow-y-auto\">\n\t\t\t\t\t{/* Dropzone */}\n\t\t\t\t\t{!allComplete && (\n\t\t\t\t\t\t<Dropzone\n\t\t\t\t\t\t\tonDrop={handleDrop}\n\t\t\t\t\t\t\tmultiple={true}\n\t\t\t\t\t\t\tdisabled={isUploading}\n\t\t\t\t\t\t\tlabel=\"Drop files here or click to browse\"\n\t\t\t\t\t\t\thint=\"Upload multiple files at once\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/* Files list */}\n\t\t\t\t\t{hasFiles && (\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t\t\t\t<p className=\"text-sm font-medium\">\n\t\t\t\t\t\t\t\t\tFiles ({files.length})\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t{uploadedFiles.length > 0 && (\n\t\t\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-xs\">\n\t\t\t\t\t\t\t\t\t\t{uploadedFiles.length} uploaded\n\t\t\t\t\t\t\t\t\t\t{failedFiles.length > 0 &&\n\t\t\t\t\t\t\t\t\t\t\t`, ${failedFiles.length} failed`}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t\t{files.map((file, index) => (\n\t\t\t\t\t\t\t\t\t<FileItem\n\t\t\t\t\t\t\t\t\t\tkey={`${file.file.name}-${index}`}\n\t\t\t\t\t\t\t\t\t\tfile={file}\n\t\t\t\t\t\t\t\t\t\tonRemove={\n\t\t\t\t\t\t\t\t\t\t\tfile.status === \"pending\"\n\t\t\t\t\t\t\t\t\t\t\t\t? () => handleRemove(index)\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Footer */}\n\t\t\t\t<ResponsiveDialogFooter className=\"border-t pt-4\">\n\t\t\t\t\t{allComplete ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button variant=\"outline\" onClick={handleDone}>\n\t\t\t\t\t\t\t\tDone\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\t\tdisabled={isUploading}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tCancel\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={handleUploadAll}\n\t\t\t\t\t\t\t\tdisabled={!canUpload || isUploading}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{isUploading ? \"Uploading...\" : \"Upload\"}{\" \"}\n\t\t\t\t\t\t\t\t{pendingFiles.length > 0 && `(${pendingFiles.length})`}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</ResponsiveDialogFooter>\n\t\t\t</ResponsiveDialogContent>\n\t\t</ResponsiveDialog>\n\t);\n}\n"],"mappings":"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"}

package/dist/{components/ui/card.mjs → card-BKHjBQfw.mjs}

@@ -1,20 +1,19 @@
-import "react";
+import { g as cn } from "./content-locales-provider-BXvuIgfg.mjs";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
 
-//#region src/components/ui/card.tsx
+//#region src/client/components/ui/card.tsx
 function Card({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card",
 		"data-size": size,
-		className: cn("ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg group/card flex flex-col", className),
+		className: cn("bg-card/40 backdrop-blur-lg text-card-foreground border-border/60 gap-5 overflow-hidden border py-5 text-xs/relaxed data-[size=sm]:gap-4 data-[size=sm]:py-4 group/card flex flex-col", className),
 		...props
 	});
 }
 function CardHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-header",
-		className: cn("gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]", className),
+		className: cn("gap-1.5 px-5 group-data-[size=sm]/card:px-4 [.border-b]:pb-5 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]", className),
 		...props
 	});
 }
@@ -42,17 +41,18 @@ function CardAction({ className, ...props }) {
 function CardContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-content",
-		className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+		className: cn("px-5 group-data-[size=sm]/card:px-4", className),
 		...props
 	});
 }
 function CardFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-footer",
-		className: cn("rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3 flex items-center", className),
+		className: cn("px-5 group-data-[size=sm]/card:px-4 [.border-t]:pt-5 group-data-[size=sm]/card:[.border-t]:pt-4 flex items-center", className),
 		...props
 	});
 }
 
 //#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { CardFooter as a, CardDescription as i, CardAction as n, CardHeader as o, CardContent as r, CardTitle as s, Card as t };
+//# sourceMappingURL=card-BKHjBQfw.mjs.map

package/dist/card-BKHjBQfw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-BKHjBQfw.mjs","names":[],"sources":["../src/client/components/ui/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        \"bg-card/40 backdrop-blur-lg text-card-foreground border-border/60 gap-5 overflow-hidden border py-5 text-xs/relaxed data-[size=sm]:gap-4 data-[size=sm]:py-4 group/card flex flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"gap-1.5 px-5 group-data-[size=sm]/card:px-4 [.border-b]:pb-5 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-xs/relaxed\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-5 group-data-[size=sm]/card:px-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        \"px-5 group-data-[size=sm]/card:px-4 [.border-t]:pt-5 group-data-[size=sm]/card:[.border-t]:pt-4 flex items-center\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n};\n"],"mappings":";;;;AAIA,SAAS,KAAK,EACZ,WACA,OAAO,WACP,GAAG,SACyD;AAC5D,QACE,oBAAC;EACC,aAAU;EACV,aAAW;EACX,WAAW,GACT,yLACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,2RACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;AACvE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,kEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,qHACA,UACD;EACD,GAAI;GACJ"}