import { tcv } from "@choiceform/design-system";
const PromptAttachmentPreviewTv = tcv({
  slots: {
    root: "border-t",
    scrollArea: "w-full",
    viewport: "px-4 pt-4 pb-3",
    content: "flex gap-2",
    item: "group bg-default-background shadow-inset-border relative flex h-16 shrink-0 items-center justify-center rounded-lg select-none",
    image: "size-full rounded-lg object-cover",
    file: "flex min-w-0 items-center gap-2 pr-4 pl-3",
    fileIcon: [
      "flex flex-shrink-0 items-center justify-center",
      "text-secondary-foreground size-4"
    ],
    fileMeta: "flex min-w-0 flex-col",
    fileName: "max-w-full truncate font-strong",
    fileSize: "text-secondary-foreground text-body-small",
    fileType: [
      "absolute bottom-1 left-1 opacity-100 transition-opacity group-hover:opacity-0",
      "rounded-[3px] border border-white bg-black/40 px-1 text-body-small text-white uppercase backdrop-blur-sm"
    ],
    removeButton: [
      "bg-default-background shadow-xxs opacity-0 group-hover:opacity-100",
      "absolute -top-1 -right-1 size-4"
    ],
    overlay: ["pointer-events-none absolute flex rounded-lg text-body-small text-white"],
    overlayText: "text-body-small",
    infoName: "w-full min-w-0 truncate text-white",
    infoSize: "w-full min-w-0 truncate text-white/80",
    progressBar: "bg-surface-secondary absolute inset-x-1 bottom-1 h-0.5 rounded-sm",
    progressFill: "bg-accent-background h-full transition-all duration-300"
  },
  variants: {
    isMultimodal: {
      true: {},
      false: { item: "grayscale" }
    },
    selected: {
      true: {
        item: "ring-selected-boundary ring-offset-default-background ring-1 ring-offset-1"
      },
      false: {
        item: ""
      }
    },
    type: {
      image: {
        item: "w-32"
      },
      file: {
        item: "w-auto max-w-64 min-w-16"
      }
    },
    overlayType: {
      uploading: {
        overlay: "inset-0 items-center justify-center"
      },
      pending: {
        overlay: "inset-0 items-center justify-center bg-black/40",
        overlayText: "font-strong"
      },
      error: {
        overlay: "inset-0 flex-col items-center justify-center bg-black/50 p-2 backdrop-blur-sm",
        overlayText: "text-error-foreground font-strong"
      },
      info: {
        overlay: [
          "inset-x-0 top-4 bottom-0 bg-gradient-to-t from-black/60 to-transparent p-1",
          "flex-col items-start justify-end opacity-0 transition-opacity group-hover:opacity-100"
        ],
        overlayText: ""
      },
      spinner: {
        overlay: "inset-0 items-center justify-center bg-black/40"
      },
      multimodalNotSupported: {
        overlay: "inset-0 flex items-center gap-1 bg-black/50 p-2 backdrop-blur-sm",
        overlayText: "font-strong text-white"
      }
    }
  }
});
export {
  PromptAttachmentPreviewTv
};
//# sourceMappingURL=tv.js.map
