@walidsj/react-ui 0.1.5 → 0.3.0

package/dist/sheet-B6-iNDZG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-B6-iNDZG.js","names":["BaseDialog"],"sources":["../src/components/sheet/sheet.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { type ComponentProps, type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst sheetVariants = cva(\n  \"bg-background text-foreground border-border pointer-events-auto fixed z-50 flex flex-col gap-4 border p-6 shadow-[0_8px_30px_rgb(0,0,0,0.12)] outline-none transition-transform\",\n  {\n    variants: {\n      side: {\n        right: \"inset-y-0 right-0 h-full w-full max-w-md border-y-0 border-r-0 data-ending-style:translate-x-full data-starting-style:translate-x-full\",\n        left: \"inset-y-0 left-0 h-full w-full max-w-md border-y-0 border-l-0 data-ending-style:-translate-x-full data-starting-style:-translate-x-full\",\n        top: \"inset-x-0 top-0 max-h-[85vh] w-full border-x-0 border-t-0 data-ending-style:-translate-y-full data-starting-style:-translate-y-full\",\n        bottom: \"inset-x-0 bottom-0 max-h-[85vh] w-full border-x-0 border-b-0 data-ending-style:translate-y-full data-starting-style:translate-y-full\",\n      },\n    },\n    defaultVariants: { side: \"right\" },\n  },\n);\n\nexport type SheetSide = NonNullable<VariantProps<typeof sheetVariants>[\"side\"]>;\n\nconst SheetRoot = BaseDialog.Root;\nconst SheetTrigger = BaseDialog.Trigger;\nconst SheetClose = BaseDialog.Close;\n\nexport interface SheetContentProps extends ComponentProps<typeof BaseDialog.Popup> {\n  side?: SheetSide;\n}\n\nfunction SheetContent({ className, children, side = \"right\", ...props }: SheetContentProps) {\n  return (\n    <BaseDialog.Portal>\n      <BaseDialog.Backdrop className=\"fixed inset-0 z-40 bg-black/45 transition-opacity data-ending-style:opacity-0 data-starting-style:opacity-0\" />\n      <BaseDialog.Viewport className=\"pointer-events-none fixed inset-0 z-50\">\n        <BaseDialog.Popup {...props} className={cn(sheetVariants({ side }), className)}>\n          {children}\n        </BaseDialog.Popup>\n      </BaseDialog.Viewport>\n    </BaseDialog.Portal>\n  );\n}\n\nfunction SheetTitle({ className, ...props }: ComponentProps<typeof BaseDialog.Title>) {\n  return <BaseDialog.Title {...props} className={cn(\"text-foreground text-lg font-semibold tracking-tight\", className)} />;\n}\n\nfunction SheetDescription({ className, ...props }: ComponentProps<typeof BaseDialog.Description>) {\n  return <BaseDialog.Description {...props} className={cn(\"text-muted-foreground text-sm\", className)} />;\n}\n\nconst SheetHeader = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function SheetHeader({ className, ...props }, ref) {\n    return <div {...props} ref={ref} className={cn(\"flex flex-col gap-1\", className)} />;\n  },\n);\n\nconst SheetFooter = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function SheetFooter({ className, ...props }, ref) {\n    return <div {...props} ref={ref} className={cn(\"mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)} />;\n  },\n);\n\nexport const Sheet = Object.assign(SheetRoot, {\n  Trigger: SheetTrigger,\n  Close: SheetClose,\n  Content: SheetContent,\n  Description: SheetDescription,\n  Footer: SheetFooter,\n  Header: SheetHeader,\n  Title: SheetTitle,\n});\n"],"mappings":";;;;;;AAKA,IAAM,gBAAgB,IACpB,mLACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;EACP,MAAM;EACN,KAAK;EACL,QAAQ;CACV,EACF;CACA,iBAAiB,EAAE,MAAM,QAAQ;AACnC,CACF;AAIA,IAAM,YAAYA,OAAW;AAC7B,IAAM,eAAeA,OAAW;AAChC,IAAM,aAAaA,OAAW;AAM9B,SAAS,aAAa,EAAE,WAAW,UAAU,OAAO,SAAS,GAAG,SAA4B;CAC1F,OACE,qBAACA,OAAW,QAAZ,EAAA,UAAA,CACE,oBAACA,OAAW,UAAZ,EAAqB,WAAU,8GAA+G,CAAA,GAC9I,oBAACA,OAAW,UAAZ;EAAqB,WAAU;EAC7B,UAAA,oBAACA,OAAW,OAAZ;GAAkB,GAAI;GAAO,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;GAC1E;EACe,CAAA;CACC,CAAA,CACJ,EAAA,CAAA;AAEvB;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAkD;CACpF,OAAO,oBAACA,OAAW,OAAZ;EAAkB,GAAI;EAAO,WAAW,GAAG,wDAAwD,SAAS;CAAI,CAAA;AACzH;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAwD;CAChG,OAAO,oBAACA,OAAW,aAAZ;EAAwB,GAAI;EAAO,WAAW,GAAG,iCAAiC,SAAS;CAAI,CAAA;AACxG;AAEA,IAAM,cAAc,WAClB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,uBAAuB,SAAS;CAAI,CAAA;AACrF,CACF;AAEA,IAAM,cAAc,WAClB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,kEAAkE,SAAS;CAAI,CAAA;AAChI,CACF;AAEA,IAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,SAAS;CACT,OAAO;CACP,SAAS;CACT,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,OAAO;AACT,CAAC"}

package/dist/sidebar-C9YE73TS.js

@@ -0,0 +1,82 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+// src/components/sidebar/sidebar.tsx
+var SidebarRoot = forwardRef(function SidebarRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("aside", {
+		...props,
+		ref,
+		className: cn("bg-background text-foreground flex h-full w-64 flex-col border-r border-border", className)
+	});
+});
+var SidebarHeader = forwardRef(function SidebarHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cn("flex min-h-14 items-center gap-2 border-b border-border px-4", className)
+	});
+});
+var SidebarContent = forwardRef(function SidebarContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cn("flex min-h-0 flex-1 flex-col gap-5 overflow-y-auto p-3", className)
+	});
+});
+var SidebarGroup = forwardRef(function SidebarGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("section", {
+		...props,
+		ref,
+		className: cn("flex flex-col gap-1", className)
+	});
+});
+var SidebarGroupLabel = forwardRef(function SidebarGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("h2", {
+		...props,
+		ref,
+		className: cn("text-muted-foreground px-2 py-1 text-xs font-medium", className)
+	});
+});
+var SidebarMenu = forwardRef(function SidebarMenu({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("ul", {
+		...props,
+		ref,
+		className: cn("m-0 flex list-none flex-col gap-1 p-0", className)
+	});
+});
+var SidebarMenuItem = forwardRef(function SidebarMenuItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("li", {
+		...props,
+		ref,
+		className: cn("min-w-0", className)
+	});
+});
+var SidebarMenuButton = forwardRef(function SidebarMenuButton({ className, "aria-current": ariaCurrent, ...props }, ref) {
+	return /* @__PURE__ */ jsx("a", {
+		...props,
+		ref,
+		"aria-current": ariaCurrent,
+		"data-active": ariaCurrent === "page" ? "" : void 0,
+		className: cn("rounded-ui-md text-foreground hover:bg-muted focus-visible:ring-ring flex min-h-9 items-center gap-2 px-2 text-sm outline-none focus-visible:ring-2 data-active:bg-muted data-active:font-medium", className)
+	});
+});
+var SidebarFooter = forwardRef(function SidebarFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cn("mt-auto border-t border-border p-3", className)
+	});
+});
+var Sidebar = Object.assign(SidebarRoot, {
+	Header: SidebarHeader,
+	Content: SidebarContent,
+	Footer: SidebarFooter,
+	Group: SidebarGroup,
+	GroupLabel: SidebarGroupLabel,
+	Menu: SidebarMenu,
+	MenuItem: SidebarMenuItem,
+	MenuButton: SidebarMenuButton
+});
+export { Sidebar as t };
+
+//# sourceMappingURL=sidebar-C9YE73TS.js.map

package/dist/sidebar-C9YE73TS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-C9YE73TS.js","names":[],"sources":["../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst SidebarRoot = forwardRef<HTMLElement, ComponentPropsWithoutRef<\"aside\">>(\n  function SidebarRoot({ className, ...props }, ref) {\n    return (\n      <aside\n        {...props}\n        ref={ref}\n        className={cn(\"bg-background text-foreground flex h-full w-64 flex-col border-r border-border\", className)}\n      />\n    );\n  },\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function SidebarHeader({ className, ...props }, ref) {\n    return <div {...props} ref={ref} className={cn(\"flex min-h-14 items-center gap-2 border-b border-border px-4\", className)} />;\n  },\n);\n\nconst SidebarContent = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function SidebarContent({ className, ...props }, ref) {\n    return <div {...props} ref={ref} className={cn(\"flex min-h-0 flex-1 flex-col gap-5 overflow-y-auto p-3\", className)} />;\n  },\n);\n\nconst SidebarGroup = forwardRef<HTMLElement, ComponentPropsWithoutRef<\"section\">>(\n  function SidebarGroup({ className, ...props }, ref) {\n    return <section {...props} ref={ref} className={cn(\"flex flex-col gap-1\", className)} />;\n  },\n);\n\nconst SidebarGroupLabel = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<\"h2\">>(\n  function SidebarGroupLabel({ className, ...props }, ref) {\n    return <h2 {...props} ref={ref} className={cn(\"text-muted-foreground px-2 py-1 text-xs font-medium\", className)} />;\n  },\n);\n\nconst SidebarMenu = forwardRef<HTMLUListElement, ComponentPropsWithoutRef<\"ul\">>(\n  function SidebarMenu({ className, ...props }, ref) {\n    return <ul {...props} ref={ref} className={cn(\"m-0 flex list-none flex-col gap-1 p-0\", className)} />;\n  },\n);\n\nconst SidebarMenuItem = forwardRef<HTMLLIElement, ComponentPropsWithoutRef<\"li\">>(\n  function SidebarMenuItem({ className, ...props }, ref) {\n    return <li {...props} ref={ref} className={cn(\"min-w-0\", className)} />;\n  },\n);\n\nconst SidebarMenuButton = forwardRef<HTMLAnchorElement, ComponentPropsWithoutRef<\"a\">>(\n  function SidebarMenuButton({ className, \"aria-current\": ariaCurrent, ...props }, ref) {\n    return (\n      <a\n        {...props}\n        ref={ref}\n        aria-current={ariaCurrent}\n        data-active={ariaCurrent === \"page\" ? \"\" : undefined}\n        className={cn(\n          \"rounded-ui-md text-foreground hover:bg-muted focus-visible:ring-ring flex min-h-9 items-center gap-2 px-2 text-sm outline-none focus-visible:ring-2 data-active:bg-muted data-active:font-medium\",\n          className,\n        )}\n      />\n    );\n  },\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function SidebarFooter({ className, ...props }, ref) {\n    return <div {...props} ref={ref} className={cn(\"mt-auto border-t border-border p-3\", className)} />;\n  },\n);\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Group: SidebarGroup,\n  GroupLabel: SidebarGroupLabel,\n  Menu: SidebarMenu,\n  MenuItem: SidebarMenuItem,\n  MenuButton: SidebarMenuButton,\n});\n"],"mappings":";;;;AAGA,IAAM,cAAc,WAClB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,kFAAkF,SAAS;CAC1G,CAAA;AAEL,CACF;AAEA,IAAM,gBAAgB,WACpB,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,KAAK;CACnD,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,gEAAgE,SAAS;CAAI,CAAA;AAC9H,CACF;AAEA,IAAM,iBAAiB,WACrB,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,0DAA0D,SAAS;CAAI,CAAA;AACxH,CACF;AAEA,IAAM,eAAe,WACnB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAS,KAAK;CAClD,OAAO,oBAAC,WAAD;EAAS,GAAI;EAAY;EAAK,WAAW,GAAG,uBAAuB,SAAS;CAAI,CAAA;AACzF,CACF;AAEA,IAAM,oBAAoB,WACxB,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,uDAAuD,SAAS;CAAI,CAAA;AACpH,CACF;AAEA,IAAM,cAAc,WAClB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,yCAAyC,SAAS;CAAI,CAAA;AACtG,CACF;AAEA,IAAM,kBAAkB,WACtB,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,WAAW,SAAS;CAAI,CAAA;AACxE,CACF;AAEA,IAAM,oBAAoB,WACxB,SAAS,kBAAkB,EAAE,WAAW,gBAAgB,aAAa,GAAG,SAAS,KAAK;CACpF,OACE,oBAAC,KAAD;EACE,GAAI;EACC;EACL,gBAAc;EACd,eAAa,gBAAgB,SAAS,KAAK,KAAA;EAC3C,WAAW,GACT,oMACA,SACF;CACD,CAAA;AAEL,CACF;AAEA,IAAM,gBAAgB,WACpB,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,KAAK;CACnD,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,sCAAsC,SAAS;CAAI,CAAA;AACpG,CACF;AAEA,IAAa,UAAU,OAAO,OAAO,aAAa;CAChD,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,OAAO;CACP,YAAY;CACZ,MAAM;CACN,UAAU;CACV,YAAY;AACd,CAAC"}

package/dist/skeleton-CmJK1ao2.js

@@ -0,0 +1,15 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+// src/components/skeleton/skeleton.tsx
+var Skeleton = forwardRef(function Skeleton({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		"aria-hidden": "true",
+		className: cn("bg-muted animate-pulse rounded-ui-md", className)
+	});
+});
+export { Skeleton as t };
+
+//# sourceMappingURL=skeleton-CmJK1ao2.js.map

package/dist/skeleton-CmJK1ao2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-CmJK1ao2.js","names":[],"sources":["../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Skeleton = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function Skeleton({ className, ...props }, ref) {\n    return <div {...props} ref={ref} aria-hidden=\"true\" className={cn(\"bg-muted animate-pulse rounded-ui-md\", className)} />;\n  },\n);\n"],"mappings":";;;;AAGA,IAAa,WAAW,WACtB,SAAS,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK;CAC9C,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,eAAY;EAAO,WAAW,GAAG,wCAAwC,SAAS;CAAI,CAAA;AACzH,CACF"}

package/dist/slider-Fhbdti2X.js

@@ -0,0 +1,20 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slider } from "@base-ui/react/slider";
+// src/components/slider/slider.tsx
+function Slider$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Slider.Root, {
+		...props,
+		className: cn("relative flex w-full touch-none items-center py-2", className),
+		children: /* @__PURE__ */ jsxs(Slider.Control, {
+			className: "relative flex h-5 w-full items-center",
+			children: [/* @__PURE__ */ jsx(Slider.Track, {
+				className: "bg-secondary relative h-1.5 w-full grow overflow-hidden rounded-full",
+				children: /* @__PURE__ */ jsx(Slider.Indicator, { className: "bg-primary absolute h-full" })
+			}), /* @__PURE__ */ jsx(Slider.Thumb, { className: "border-primary bg-background focus-visible:border-ring focus-visible:ring-ring/40 absolute size-4 rounded-full border-2 shadow-sm outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50" })]
+		})
+	});
+}
+export { Slider$1 as t };
+
+//# sourceMappingURL=slider-Fhbdti2X.js.map

package/dist/slider-Fhbdti2X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-Fhbdti2X.js","names":["Slider","BaseSlider"],"sources":["../src/components/slider/slider.tsx"],"sourcesContent":["import { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport function Slider({ className, ...props }: ComponentProps<typeof BaseSlider.Root>) {\n  return (\n    <BaseSlider.Root {...props} className={cn(\"relative flex w-full touch-none items-center py-2\", className)}>\n      <BaseSlider.Control className=\"relative flex h-5 w-full items-center\">\n        <BaseSlider.Track className=\"bg-secondary relative h-1.5 w-full grow overflow-hidden rounded-full\">\n          <BaseSlider.Indicator className=\"bg-primary absolute h-full\" />\n        </BaseSlider.Track>\n        <BaseSlider.Thumb className=\"border-primary bg-background focus-visible:border-ring focus-visible:ring-ring/40 absolute size-4 rounded-full border-2 shadow-sm outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50\" />\n      </BaseSlider.Control>\n    </BaseSlider.Root>\n  );\n}\n"],"mappings":";;;;AAIA,SAAgBA,SAAO,EAAE,WAAW,GAAG,SAAiD;CACtF,OACE,oBAACC,OAAW,MAAZ;EAAiB,GAAI;EAAO,WAAW,GAAG,qDAAqD,SAAS;EACtG,UAAA,qBAACA,OAAW,SAAZ;GAAoB,WAAU;GAA9B,UAAA,CACE,oBAACA,OAAW,OAAZ;IAAkB,WAAU;IAC1B,UAAA,oBAACA,OAAW,WAAZ,EAAsB,WAAU,6BAA8B,CAAA;GAC9C,CAAA,GAClB,oBAACA,OAAW,OAAZ,EAAkB,WAAU,uNAAwN,CAAA,CAClO;;CACL,CAAA;AAErB"}

package/dist/spinner-Xgsj2ClX.js

@@ -0,0 +1,21 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+// src/components/spinner/spinner.tsx
+var sizeClasses = {
+	sm: "size-4 border-2",
+	md: "size-5 border-2",
+	lg: "size-7 border-[3px]"
+};
+var Spinner = forwardRef(function Spinner({ className, size = "md", label = "Loading", ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		role: "status",
+		"aria-label": label,
+		className: cn("border-primary/25 border-t-primary inline-block animate-spin rounded-full", sizeClasses[size], className)
+	});
+});
+export { Spinner as t };
+
+//# sourceMappingURL=spinner-Xgsj2ClX.js.map

package/dist/spinner-Xgsj2ClX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-Xgsj2ClX.js","names":[],"sources":["../src/components/spinner/spinner.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type SpinnerSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface SpinnerProps extends Omit<ComponentPropsWithoutRef<\"span\">, \"aria-label\"> {\n  size?: SpinnerSize;\n  label?: string;\n}\n\nconst sizeClasses: Record<SpinnerSize, string> = {\n  sm: \"size-4 border-2\",\n  md: \"size-5 border-2\",\n  lg: \"size-7 border-[3px]\",\n};\n\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n  function Spinner({ className, size = \"md\", label = \"Loading\", ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        role=\"status\"\n        aria-label={label}\n        className={cn(\n          \"border-primary/25 border-t-primary inline-block animate-spin rounded-full\",\n          sizeClasses[size],\n          className,\n        )}\n      />\n    );\n  },\n);\n"],"mappings":";;;;AAUA,IAAM,cAA2C;CAC/C,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,UAAU,WACrB,SAAS,QAAQ,EAAE,WAAW,OAAO,MAAM,QAAQ,WAAW,GAAG,SAAS,KAAK;CAC7E,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,MAAK;EACL,cAAY;EACZ,WAAW,GACT,6EACA,YAAY,OACZ,SACF;CACD,CAAA;AAEL,CACF"}

package/dist/status-indicator-DnM1Iu7D.js

@@ -0,0 +1,24 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/status-indicator/status-indicator.tsx
+var dotClasses = {
+	default: "bg-muted-foreground",
+	success: "bg-success-foreground",
+	warning: "bg-warning-foreground",
+	danger: "bg-danger"
+};
+var StatusIndicator = forwardRef(function StatusIndicator({ className, variant = "default", children, ...props }, ref) {
+	return /* @__PURE__ */ jsxs("span", {
+		...props,
+		ref,
+		className: cn("text-foreground inline-flex items-center gap-2 text-sm", className),
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: cn("size-2 shrink-0 rounded-full", dotClasses[variant])
+		}), children]
+	});
+});
+export { StatusIndicator as t };
+
+//# sourceMappingURL=status-indicator-DnM1Iu7D.js.map

package/dist/status-indicator-DnM1Iu7D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator-DnM1Iu7D.js","names":[],"sources":["../src/components/status-indicator/status-indicator.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type StatusIndicatorVariant = \"default\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface StatusIndicatorProps extends ComponentPropsWithoutRef<\"span\"> {\n  variant?: StatusIndicatorVariant;\n}\n\nconst dotClasses: Record<StatusIndicatorVariant, string> = {\n  default: \"bg-muted-foreground\",\n  success: \"bg-success-foreground\",\n  warning: \"bg-warning-foreground\",\n  danger: \"bg-danger\",\n};\n\nexport const StatusIndicator = forwardRef<HTMLSpanElement, StatusIndicatorProps>(\n  function StatusIndicator({ className, variant = \"default\", children, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cn(\"text-foreground inline-flex items-center gap-2 text-sm\", className)}\n      >\n        <span aria-hidden=\"true\" className={cn(\"size-2 shrink-0 rounded-full\", dotClasses[variant])} />\n        {children}\n      </span>\n    );\n  },\n);\n"],"mappings":";;;;AASA,IAAM,aAAqD;CACzD,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AAEA,IAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,SAAS,KAAK;CACpF,OACE,qBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,0DAA0D,SAAS;EAHnF,UAAA,CAKE,oBAAC,QAAD;GAAM,eAAY;GAAO,WAAW,GAAG,gCAAgC,WAAW,QAAQ;EAAI,CAAA,GAC7F,QACG;;AAEV,CACF"}