4e:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 4f:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 50:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 51:T1822,"use client"; import * as React from "react"; import { cn } from "@/lib/utils"; export type ResourceState = | "operational" | "degraded" | "partial-outage" | "major-outage" | "maintenance"; const stateDot: Record = { operational: "bg-success", degraded: "bg-warning", "partial-outage": "bg-warning", "major-outage": "bg-destructive", maintenance: "bg-info", }; const stateText: Record = { operational: "text-success", degraded: "text-warning", "partial-outage": "text-warning", "major-outage": "text-destructive", maintenance: "text-info", }; const stateLabel: Record = { operational: "Operational", degraded: "Degraded", "partial-outage": "Partial outage", "major-outage": "Major outage", maintenance: "Maintenance", }; type ResourceStatusProps = React.ComponentProps<"div">; function ResourceStatus({ className, ...props }: ResourceStatusProps) { return (

); } type ResourceStatusBannerProps = React.ComponentProps<"div"> & { state: ResourceState; }; function ResourceStatusBanner({ state, className, children, ...props }: ResourceStatusBannerProps) { return (

{children ?? stateLabel[state]}

); } type ResourceStatusListProps = React.ComponentProps<"ul">; function ResourceStatusList({ className, ...props }: ResourceStatusListProps) { return (

{name} {description ? ( {description} ) : null}

{uptime ? ( {uptime} ) : null} {children ?? }

{pulse ? ( ) : null} ); } type ResourceStatusIndicatorProps = Omit< React.ComponentProps<"span">, "children" > & { state: ResourceState; children?: React.ReactNode; }; function ResourceStatusIndicator({ state, className, children, ...props }: ResourceStatusIndicatorProps) { return ( {children ?? stateLabel[state]} ); } export { ResourceStatus, ResourceStatusBanner, ResourceStatusList, ResourceStatusItem, ResourceStatusDot, ResourceStatusIndicator, }; export default function ResourceStatusBlock() { return (

Some systems degraded

); } 4a:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L4e",null,{"registryDependencies":[]}]]}],["$","$L4f",null,{"sourceUrl":"https://hirael.com/r/resource-status.json","proxyUrl":"https://shadcnregistry.com/r/hirael/resource-status","itemId":"@hirael/resource-status"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L50",null,{"files":[{"path":"registry/hirael/blocks/resource-status/resource-status.tsx","content":"$51","type":"registry:block","target":"components/blocks/resource-status.tsx"}]}]]}],"$L52"]}]

Resource Status

Installation

Files

components

Styles