import { jsx as a, jsxs as s } from "react/jsx-runtime";
import { c as r } from "../../../index-BtlgVD4m.js";
import i from "../../icon/Icon.js";
import n from "../utils/formatFileSize.js";
import o from "../../progress/Progress.js";
const v = ({ status: e, children: t }) => /* @__PURE__ */ a(
  "div",
  {
    className: r(
      "flex flex-col gap-[var(--spacing-4)]",
      "border rounded-[var(--border-radius-lg)]",
      "font-[family-name:var(--typography-font-family-font-sans)]",
      e === "uploading" && "px-[var(--spacing-3)] py-[var(--spacing-3-5)] bg-[var(--base-card)] border-[var(--base-border)]",
      e === "success" && "px-[var(--spacing-3)] py-[var(--spacing-3-5)] bg-[var(--base-card)] border-[var(--base-border)]",
      e === "error" && "px-[var(--spacing-5)] py-[var(--spacing-4)] bg-[var(--base-danger-background)] border-[var(--base-danger-border)] text-[var(--base-danger-text)]"
    ),
    children: t
  }
), m = ({ children: e }) => /* @__PURE__ */ a(
  "div",
  {
    className: r(
      "flex-1 break-all",
      "text-[length:var(--typography-base-sizes-small-font-size)]",
      "font-[var(--font-weight-semibold)]",
      "leading-[var(--typography-base-sizes-small-line-height)]"
    ),
    children: e
  }
), b = ({ progress: e }) => /* @__PURE__ */ s("div", { className: "flex items-center gap-[var(--spacing-3)]", children: [
  /* @__PURE__ */ a(o, { percent: e, className: "flex-1" }),
  /* @__PURE__ */ s(
    "div",
    {
      className: r(
        "text-[length:var(--typography-base-sizes-extra-small-font-size)]",
        "font-[var(--font-weight-normal)]",
        "leading-[var(--typography-base-sizes-extra-small-line-height)]"
      ),
      children: [
        e,
        "%"
      ]
    }
  )
] }), f = ({ size: e }) => /* @__PURE__ */ a(
  "div",
  {
    className: r(
      "text-[length:var(--typography-base-sizes-extra-small-font-size)]",
      "font-[var(--font-weight-normal)]",
      "leading-[var(--typography-base-sizes-extra-small-line-height)]"
    ),
    children: n(e)
  }
), h = () => /* @__PURE__ */ a(
  "div",
  {
    className: r(
      "size-[var(--width-w-9)] flex items-center justify-center p-[var(--spacing-1)]",
      "rounded-[var(--border-radius-md)] bg-[var(--base-success-background)]",
      "text-[var(--base-success-text)]"
    ),
    children: /* @__PURE__ */ a(i, { name: "File", size: 16 })
  }
);
export {
  m as FileHeader,
  f as FileSizeLabel,
  b as FileUploadProgress,
  h as FileUploadSuccessIcon,
  v as FileWrapper
};
//# sourceMappingURL=FilePrimitive.js.map
