@drjoshcsimmons/scl 0.3.1 → 0.4.1

package/dist/{index67.js → index58.js}

@@ -1,12 +1,12 @@
 import * as o from "react";
-import { composeEventHandlers as T } from "./index84.js";
+import { composeEventHandlers as T } from "./index83.js";
 import { createContextScope as S } from "./index85.js";
-import { useControllableState as D } from "./index90.js";
+import { useControllableState as D } from "./index95.js";
 import { useLayoutEffect as L } from "./index80.js";
-import { useComposedRefs as M } from "./index77.js";
-import { Primitive as v } from "./index88.js";
-import { Presence as k } from "./index87.js";
-import { useId as F } from "./index91.js";
+import { useComposedRefs as M } from "./index84.js";
+import { Primitive as v } from "./index93.js";
+import { Presence as k } from "./index92.js";
+import { useId as F } from "./index89.js";
 import { jsx as c } from "react/jsx-runtime";
 var u = "Collapsible", [B, W] = S(u), [G, g] = B(u), w = o.forwardRef(
   (e, a) => {

package/dist/index6.js

@@ -1,37 +1,27 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Root as e, Fallback as t, Image as c } from "./index41.js";
-import * as l from "react";
-import { cx as o } from "./index2.js";
+import { jsx as l } from "react/jsx-runtime";
+import * as a from "react";
+import { cx as s } from "./index2.js";
 /* empty css        */
-const i = l.forwardRef(({ className: a, ...r }, m) => /* @__PURE__ */ s(
-  e,
-  {
-    ref: m,
-    className: o("scl-avatar", a),
-    ...r
-  }
-));
-i.displayName = e.displayName;
-const p = l.forwardRef(({ className: a, ...r }, m) => /* @__PURE__ */ s(
-  c,
-  {
-    ref: m,
-    className: o("scl-avatar__image", a),
-    ...r
-  }
-));
-p.displayName = c.displayName;
-const f = l.forwardRef(({ className: a, ...r }, m) => /* @__PURE__ */ s(
-  t,
-  {
-    ref: m,
-    className: o("scl-avatar__fallback", a),
-    ...r
-  }
-));
-f.displayName = t.displayName;
+const o = a.forwardRef(
+  ({ className: e, variant: r = "default", ...t }, i) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: i,
+      role: "alert",
+      className: s("scl-alert", `scl-alert--${r}`, e),
+      ...t
+    }
+  )
+);
+o.displayName = "Alert";
+const c = a.forwardRef(
+  ({ className: e, ...r }, t) => /* @__PURE__ */ l("h5", { ref: t, className: s("scl-alert__title", e), ...r })
+);
+c.displayName = "AlertTitle";
+const m = a.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l("div", { ref: t, className: s("scl-alert__description", e), ...r }));
+m.displayName = "AlertDescription";
 export {
-  i as Avatar,
-  f as AvatarFallback,
-  p as AvatarImage
+  o as Alert,
+  m as AlertDescription,
+  c as AlertTitle
 };