gvf3n4ygn-test/__generated/registry-schemes/styles/css/sonner.json

CLI for SIGMA-UI components.

{
  "name": "sonner",
  "dependencies": [
    "vue-sonner"
  ],
  "registryDependencies": [],
  "files": [
    {
      "name": "Sonner.vue",
      "content": "<script lang=\"ts\" setup>\nimport { Toaster as Sonner, type ToasterProps } from 'vue-sonner';\n\nconst props = defineProps<ToasterProps>();\n</script>\n\n<template>\n  <Sonner\n    class=\"sigma-ui-toaster\"\n    v-bind=\"props\"\n    :toast-options=\"{\n      ...props.toastOptions,\n      classes: {\n        toast: 'sigma-ui-toast',\n        description: 'sigma-ui-toast__description',\n        actionButton: 'sigma-ui-toast__action-button',\n        cancelButton: 'sigma-ui-toast__cancel-button',\n      },\n    }\"\n  />\n</template>\n\n<style>\n.sigma-ui-toaster {\n  z-index: 60;\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  max-width: 420px;\n  pointer-events: auto;\n}\n\n.sigma-ui-toast[data-sonner-toast][data-styled=true] {\n  background-color: hsl(var(--background));\n  color: hsl(var(--foreground));\n  border: 1px solid hsl(var(--border));\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  border-radius: var(--radius);\n  padding: 0.75rem;\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.sigma-ui-toast[data-sonner-toast][data-styled=true] .sigma-ui-toast__description {\n  color: hsl(var(--muted-foreground));\n}\n\n.sigma-ui-toast[data-sonner-toast][data-styled=true] .sigma-ui-toast__action-button {\n  background-color: hsl(var(--primary));\n  color: hsl(var(--primary-foreground));\n}\n\n.sigma-ui-toast[data-sonner-toast][data-styled=true] .sigma-ui-toast__action-button:hover {\n  opacity: 0.9;\n}\n\n.sigma-ui-toast[data-sonner-toast][data-styled=true] .sigma-ui-toast__cancel-button {\n  background-color: hsl(var(--muted));\n  color: hsl(var(--muted-foreground));\n}\n\n.sigma-ui-toast[data-sonner-toast][data-styled=true] .sigma-ui-toast__cancel-button:hover {\n  opacity: 0.9;\n}\n</style>\n"
    },
    {
      "name": "index.ts",
      "content": "export { default as Toaster } from './Sonner.vue';\n"
    }
  ],
  "type": "components:ui"
}