{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert",
  "files": [
    {
      "path": "ui/alert/Alert.astro",
      "content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/alert/Alert.astro directly.\n/**\n * @component Alert\n * @title Alert\n * @description A prominent message that draws user attention to important information.\n * @figmaUrl https://www.figma.com/design/koxai7zw5vIuBzuVxe5T2l/BejamasUI---Design-System?node-id=2536-3189&t=YFStJ3V8fXEO8QD8-4\n *\n * @preview\n *\n * <div class=\"grid w-full max-w-xl items-start gap-4\">\n *   <Alert>\n *     <CircleCheckIcon size={32} />\n *     <AlertTitle>Success! Your changes have been saved</AlertTitle>\n *     <AlertDescription>This is an alert with title and description.</AlertDescription>\n *   </Alert>\n *\n *   <Alert>\n *     <AlertTitle>This Alert has a title and an icon. No description.</AlertTitle>\n *   </Alert>\n *\n *   <Alert variant=\"destructive\">\n *     <AlertTitle>Unable to process your payment.</AlertTitle>\n *     <AlertDescription>\n *       <p>Please verify your billing information and try again.</p>\n *       <ul class=\"list-inside list-disc text-sm\">\n *         <li>Check your card details</li>\n *         <li>Ensure sufficient funds</li>\n *         <li>Verify billing address</li>\n *       </ul>\n *     </AlertDescription>\n *   </Alert>\n * </div>\n *\n * @usage\n *\n * ```astro nocollapse\n * ---\n * import { Alert, AlertTitle, AlertDescription } from '@bejamas/ui/components/alert';\n * ---\n * <Alert variant=\"default\">\n *   <CircleCheckIcon size={32} />\n *   <AlertTitle>Heads up!</AlertTitle>\n *   <AlertDescription>Something happened successfully.</AlertDescription>\n * </Alert>\n * ```\n */\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport type { HTMLAttributes } from \"astro/types\";\n\ntype AlertVariant = \"default\" | \"destructive\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n  variant?: AlertVariant;\n  class?: string;\n}\n\nconst {\n  class: className = \"\",\n  variant = \"default\",\n  ...rest\n} = Astro.props as Props;\n\nconst alertVariants = cva(\n  \"grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 gap-y-0.5 rounded-xl border-border bg-card has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current group/alert relative w-full\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive: \"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---\n\n<div\n  {...rest}\n  data-slot=\"alert\"\n  role=\"alert\"\n  class={cn(alertVariants({ variant }), className)}\n>\n  <slot />\n</div>\n",
      "type": "registry:ui"
    },
    {
      "path": "ui/alert/AlertTitle.astro",
      "content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/alert/AlertTitle.astro directly.\nimport { cn } from \"@/lib/utils\";\nimport type { HTMLAttributes } from \"astro/types\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n  class?: string;\n}\n\nconst {\n  class: className = \"\",\n  ...rest\n} = Astro.props as Props;\n---\n\n<div\n  {...rest}\n  data-slot=\"alert-title\"\n  class={cn(\n    \"font-medium group-has-[>svg]/alert:col-start-2 col-start-2 line-clamp-1 min-h-4 tracking-tight cn-font-heading [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n    className,\n  )}\n>\n  <slot />\n</div>\n",
      "type": "registry:ui"
    },
    {
      "path": "ui/alert/AlertDescription.astro",
      "content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/alert/AlertDescription.astro directly.\nimport { cn } from \"@/lib/utils\";\nimport type { HTMLAttributes } from \"astro/types\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n  class?: string;\n}\n\nconst {\n  class: className = \"\",\n  ...rest\n} = Astro.props as Props;\n---\n\n<div\n  {...rest}\n  data-slot=\"alert-description\"\n  class={cn(\n    \"text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 col-start-2 grid justify-items-start gap-1 [&_p]:leading-relaxed [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n    className,\n  )}\n>\n  <slot />\n</div>\n",
      "type": "registry:ui"
    },
    {
      "path": "ui/alert/index.ts",
      "content": "// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/alert/index.ts directly.\nexport { default as Alert } from \"./Alert.astro\";\nexport { default as AlertTitle } from \"./AlertTitle.astro\";\nexport { default as AlertDescription } from \"./AlertDescription.astro\";\n\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}