@epilot/zenith-react 0.1.0-next.0

package/dist/components/list/list.js

@@ -0,0 +1,746 @@
+import { jsx as t, jsxs as D } from "react/jsx-runtime";
+import * as i from "react";
+import { useSensors as Q, useSensor as j, DndContext as tt, closestCenter as et, DragOverlay as ot, KeyboardSensor as rt, PointerSensor as nt } from "../../vendor/.bun/@dnd-kit_core@6.3.1_6f4b9a1cfb20c0ae/vendor/@dnd-kit/core/dist/core.esm.js";
+import { SortableContext as it, verticalListSortingStrategy as st, arrayMove as at, useSortable as lt } from "../../vendor/.bun/@dnd-kit_sortable@10.0.0_1d291640e1250bbe/vendor/@dnd-kit/sortable/dist/sortable.esm.js";
+import { mergeClasses as f, SLOT_ATTR as g, shorthands as p } from "@epilot/zenith-runtime/v1";
+import { makeZenithStyles as ct } from "../../styles/make-styles.js";
+import { semSuccessLight as dt, semWarningLight as ut, semErrorLight as pt, spacingGroup2 as F, grayA12 as V, fontWeightSemibold as mt, leadingSm as X, textSm as $, grayA10 as gt, fontWeightMedium as ft, semAccentSolid as ht, accentA8 as xt, grayA11 as G, grayA8 as vt, leadingXs as yt, textXs as bt, listIndexPaddingX as K, listItemPaddingX as Z, listItemPaddingY as B, listIndexMinWidth as wt, grayA2 as _, radiusMd as P, semSuccessSoftHover as It, semWarningSoftHover as St, semErrorSoftHover as Lt, semAccentSoft as kt, semSuccessDefault as Ct, semSuccessSoft as Dt, semWarningDefault as Tt, semWarningSoft as Wt, semErrorDefault as Et, semErrorSoft as Nt, listItemMinHeight as At, spacingElement3 as Ot, grayA5 as Gt, spacingElement1 as Bt, spacingElement2 as Pt, listItemGap as Rt } from "../../tokens/index.js";
+const Ht = (n) => /* @__PURE__ */ D(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    ...n,
+    children: [
+      /* @__PURE__ */ t("circle", { cx: "9", cy: "5", r: "1.5" }),
+      /* @__PURE__ */ t("circle", { cx: "15", cy: "5", r: "1.5" }),
+      /* @__PURE__ */ t("circle", { cx: "9", cy: "12", r: "1.5" }),
+      /* @__PURE__ */ t("circle", { cx: "15", cy: "12", r: "1.5" }),
+      /* @__PURE__ */ t("circle", { cx: "9", cy: "19", r: "1.5" }),
+      /* @__PURE__ */ t("circle", { cx: "15", cy: "19", r: "1.5" })
+    ]
+  }
+), q = (n) => /* @__PURE__ */ D(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...n,
+    children: [
+      /* @__PURE__ */ t("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }),
+      /* @__PURE__ */ t("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ t("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+    ]
+  }
+), zt = (n) => /* @__PURE__ */ D(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...n,
+    children: [
+      /* @__PURE__ */ t("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+      /* @__PURE__ */ t("polyline", { points: "22 4 12 14.01 9 11.01" })
+    ]
+  }
+), Mt = (n) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...n,
+    children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" })
+  }
+), y = ct({
+  list: {
+    display: "flex",
+    width: "100%",
+    listStyleType: "none",
+    flexDirection: "column",
+    ...p.gap(0),
+    ...p.padding(0),
+    ...p.margin(0)
+  },
+  // ListItem base — density-bound (DENSITY-SPEC.md §2.2, WP9B2A-ACCEPTANCE-LIST). One style, not
+  // a compact/relaxed pair: the three CSS tiers are resolved by [data-density] inheritance, so
+  // there is no longer a JS branch to pick between "compact" and "everything else" — normal
+  // resolves to the same values `itemRelaxed` used to hardcode, and an explicit `relaxed` is
+  // normalized to the DOM's canonical `data-density="normal"` before it ever reaches this class,
+  // so it resolves through the identical selector. Typography is unchanged across every tier.
+  item: {
+    position: "relative",
+    display: "flex",
+    width: "100%",
+    alignItems: "center",
+    ...p.borderRadius(P),
+    color: V,
+    transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
+    transitionDuration: "150ms",
+    transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+    minHeight: At,
+    ...p.gap(Rt),
+    ...p.padding(B, Z),
+    fontSize: $,
+    lineHeight: X,
+    "& > svg": {
+      flexShrink: 0,
+      width: "1rem",
+      height: "1rem"
+    }
+  },
+  // Status variants
+  statusDefault: {},
+  statusError: {
+    backgroundColor: Nt,
+    color: Et
+  },
+  statusWarning: {
+    backgroundColor: Wt,
+    color: Tt
+  },
+  statusSuccess: {
+    backgroundColor: Dt,
+    color: Ct
+  },
+  // Striped variant (only neutral rows)
+  stripedEven: {
+    "&:nth-child(even)": {
+      backgroundColor: _
+    }
+  },
+  // Interactive hovers
+  interactiveDefault: {
+    ":hover": {
+      backgroundColor: kt
+    }
+  },
+  interactiveError: {
+    ":hover": {
+      backgroundColor: Lt
+    }
+  },
+  interactiveWarning: {
+    ":hover": {
+      backgroundColor: St
+    }
+  },
+  interactiveSuccess: {
+    ":hover": {
+      backgroundColor: It
+    }
+  },
+  // Sortable modifiers
+  sortableItem: {
+    cursor: "grab",
+    touchAction: "none",
+    ":active": {
+      cursor: "grabbing"
+    }
+  },
+  itemDragging: {
+    opacity: 0.4
+  },
+  // Index gutter — density-bound. The negative margins cancel the ITEM's own (now density-bound)
+  // padding to keep the index flush to the row edge at every tier; `calc(-1 * var(...))`
+  // (WP9B2A-ACCEPTANCE-LIST: "negative token expressions for that existing cancellation are
+  // authorized") tracks whichever tier is active without a separate JS branch, same reasoning as
+  // `item` above. `index-padding-x` is the one matrix completion this slice adds (DENSITY-SPEC.md
+  // §2.2): 6/8/8px — comfortable reuses the normal inset, no separate source value exists for it.
+  indexBase: {
+    display: "flex",
+    flexShrink: 0,
+    userSelect: "none",
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "stretch",
+    borderTopLeftRadius: P,
+    borderBottomLeftRadius: P,
+    backgroundColor: _,
+    textAlign: "center",
+    color: G,
+    fontVariantNumeric: "tabular-nums",
+    minWidth: wt,
+    marginTop: `calc(-1 * ${B})`,
+    marginBottom: `calc(-1 * ${B})`,
+    marginLeft: `calc(-1 * ${Z})`,
+    paddingLeft: K,
+    paddingRight: K
+  },
+  // Content
+  content: {
+    display: "flex",
+    minWidth: 0,
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: "0%",
+    alignItems: "center",
+    ...p.gap(Pt),
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    "& > svg": {
+      width: "1rem",
+      height: "1rem",
+      flexShrink: 0
+    }
+  },
+  // Actions
+  actions: {
+    position: "relative",
+    zIndex: 10,
+    display: "flex",
+    flexShrink: 0,
+    alignItems: "center",
+    ...p.gap(Bt)
+  },
+  // Text
+  text: {
+    display: "flex",
+    minWidth: 0,
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: "0%",
+    flexDirection: "column",
+    ...p.gap("0.125rem")
+  },
+  // Description
+  description: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    fontSize: bt,
+    lineHeight: yt,
+    color: G
+  },
+  // Drag handle button
+  dragHandle: {
+    position: "relative",
+    zIndex: 10,
+    display: "inline-flex",
+    flexShrink: 0,
+    cursor: "grab",
+    alignItems: "center",
+    color: vt,
+    backgroundColor: "transparent",
+    ...p.border("0"),
+    ...p.padding(0),
+    ":hover": {
+      color: G
+    },
+    ":active": {
+      cursor: "grabbing"
+    },
+    ":focus-visible": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineOffset: "2px",
+      outlineColor: xt
+    },
+    "& svg": {
+      width: "1rem",
+      height: "1rem"
+    }
+  },
+  // Drop indicator line
+  dropIndicator: {
+    pointerEvents: "none",
+    position: "absolute",
+    left: 0,
+    right: 0,
+    zIndex: 10,
+    height: "0.125rem",
+    transformOrigin: "center",
+    ...p.borderRadius("9999px"),
+    backgroundColor: ht,
+    animationName: {
+      from: {
+        transform: "scaleX(0)",
+        opacity: 0
+      },
+      to: {
+        transform: "scaleX(1)",
+        opacity: 1
+      }
+    },
+    animationDuration: "160ms",
+    animationTimingFunction: "ease-out"
+  },
+  dropIndicatorTop: {
+    top: "-0.125rem"
+  },
+  dropIndicatorBottom: {
+    bottom: "-0.125rem"
+  },
+  // DragOverlay ghost
+  dragOverlayItem: {
+    transformOrigin: "center",
+    transform: "scale(0.95)",
+    cursor: "grabbing",
+    ...p.border("1px", "solid", Gt),
+    backgroundColor: "rgb(255 255 255 / 55%)",
+    boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
+    backdropFilter: "blur(12px)",
+    animationName: {
+      from: { transform: "scale(1)" },
+      to: { transform: "scale(0.95)" }
+    },
+    animationDuration: "160ms",
+    animationTimingFunction: "ease-out",
+    ":hover": {
+      backgroundColor: "rgb(255 255 255 / 55%)"
+    }
+  },
+  // Group
+  group: {
+    listStyleType: "none"
+  },
+  groupTrigger: {
+    cursor: "pointer",
+    textAlign: "left",
+    fontWeight: ft,
+    backgroundColor: "transparent",
+    ...p.border("0")
+  },
+  groupChevron: {
+    width: "1rem",
+    height: "1rem",
+    flexShrink: 0,
+    color: gt,
+    transitionProperty: "transform",
+    transitionDuration: "150ms",
+    transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+  },
+  groupChevronOpen: {
+    transform: "rotate(90deg)"
+  },
+  groupTriggerText: {
+    minWidth: 0,
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: "0%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  standaloneGroupLabel: {
+    marginTop: F,
+    display: "block",
+    listStyleType: "none",
+    ...p.padding("0.375rem", Ot),
+    fontSize: $,
+    lineHeight: X,
+    fontWeight: mt,
+    color: V,
+    "&:first-child": {
+      marginTop: 0
+    }
+  },
+  groupContentList: {
+    paddingLeft: F
+  },
+  collapseWrapper: {
+    display: "grid",
+    gridTemplateRows: "0fr",
+    transitionProperty: "grid-template-rows",
+    transitionDuration: "200ms",
+    transitionTimingFunction: "cubic-bezier(0, 0, 0.2, 1)",
+    "&[data-state='open']": {
+      gridTemplateRows: "1fr"
+    }
+  },
+  collapseWrapperOpen: {
+    gridTemplateRows: "1fr"
+  },
+  collapseInner: {
+    minHeight: 0,
+    overflow: "hidden"
+  },
+  // Status icons
+  statusIconError: {
+    width: "1rem",
+    height: "1rem",
+    flexShrink: 0,
+    color: pt
+  },
+  statusIconWarning: {
+    width: "1rem",
+    height: "1rem",
+    flexShrink: 0,
+    color: ut
+  },
+  statusIconSuccess: {
+    width: "1rem",
+    height: "1rem",
+    flexShrink: 0,
+    color: dt
+  }
+}), jt = ({ status: n }) => {
+  const o = y();
+  return n === "error" ? /* @__PURE__ */ t(q, { className: o.statusIconError }) : n === "warning" ? /* @__PURE__ */ t(q, { className: o.statusIconWarning }) : n === "success" ? /* @__PURE__ */ t(zt, { className: o.statusIconSuccess }) : null;
+}, Y = i.createContext({
+  striped: !1,
+  showIndex: !1,
+  sortable: !1
+}), J = () => i.useContext(Y), Ft = (n) => n === void 0 ? void 0 : n === "relaxed" ? "normal" : n, Yt = i.forwardRef(function({
+  className: o,
+  density: l,
+  striped: e = !1,
+  showIndex: c = !1,
+  sortable: s = !1,
+  onReorder: r,
+  children: x,
+  ...b
+}, w) {
+  const v = y(), u = Ft(l), I = i.Children.toArray(x).filter(
+    i.isValidElement
+  ), T = I.map(
+    (d, C) => d.type === U ? i.cloneElement(d, { index: C }) : d
+  ), h = I.filter((d) => d.type === U), a = h.map((d) => d.props.value).filter((d) => typeof d == "string"), [S, W] = i.useState(null), L = S ? a.indexOf(S) : -1, k = S != null ? h.find((d) => d.props.value === S) : void 0, E = Q(
+    j(nt, { activationConstraint: { distance: 3 } }),
+    j(rt)
+  ), N = (d) => {
+    W(d.active.id);
+  }, O = (d) => {
+    W(null);
+    const { active: C, over: m } = d;
+    if (!m || C.id === m.id) return;
+    const z = a.indexOf(C.id), M = a.indexOf(m.id);
+    z === -1 || M === -1 || r == null || r(at(a, z, M));
+  }, A = /* @__PURE__ */ t(
+    "ol",
+    {
+      ref: w,
+      "data-slot": "list",
+      [g]: "list",
+      ...u !== void 0 ? { "data-density": u } : {},
+      className: f(v.list, o),
+      ...b,
+      children: T
+    }
+  );
+  return /* @__PURE__ */ t(Y.Provider, { value: { striped: e, showIndex: c, sortable: s }, children: s ? /* @__PURE__ */ D(
+    tt,
+    {
+      sensors: E,
+      collisionDetection: et,
+      onDragStart: N,
+      onDragEnd: O,
+      onDragCancel: () => W(null),
+      children: [
+        /* @__PURE__ */ t(
+          it,
+          {
+            items: a,
+            strategy: st,
+            children: A
+          }
+        ),
+        /* @__PURE__ */ t(ot, { children: k ? /* @__PURE__ */ t(
+          R,
+          {
+            value: k.props.value,
+            status: k.props.status,
+            index: L,
+            className: v.dragOverlayItem,
+            ...u !== void 0 ? { "data-density": u } : {},
+            children: k.props.children
+          }
+        ) : null })
+      ]
+    }
+  ) : A });
+}), Vt = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = y();
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      ref: c,
+      "data-slot": "list-item-actions",
+      [g]: "list-item-actions",
+      onPointerDown: (r) => r.stopPropagation(),
+      className: f(s.actions, o),
+      ...e,
+      children: l
+    }
+  );
+}), Jt = i.forwardRef(function({ className: o, ...l }, e) {
+  const c = y();
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      ref: e,
+      "data-slot": "list-item-text",
+      [g]: "list-item-text",
+      className: f(c.text, o),
+      ...l
+    }
+  );
+}), Qt = i.forwardRef(function({ className: o, ...l }, e) {
+  const c = y();
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      ref: e,
+      "data-slot": "list-item-description",
+      [g]: "list-item-description",
+      className: f(c.description, o),
+      ...l
+    }
+  );
+}), R = i.forwardRef(
+  function({
+    className: o,
+    value: l,
+    status: e = "default",
+    index: c,
+    children: s,
+    setNodeRef: r,
+    setActivatorNodeRef: x,
+    style: b,
+    isDragging: w,
+    dropEdge: v,
+    listeners: u,
+    attributes: I,
+    ...T
+  }, h) {
+    const a = y(), { striped: S, showIndex: W, sortable: L } = J(), k = L && !w, E = i.Children.toArray(s), N = E.find(
+      (m) => i.isValidElement(m) && m.type === Vt
+    ), O = E.filter((m) => m !== N), A = i.useCallback(
+      (m) => {
+        r == null || r(m), typeof h == "function" ? h(m) : h && (h.current = m);
+      },
+      [r, h]
+    ), d = e === "error" ? a.statusError : e === "warning" ? a.statusWarning : e === "success" ? a.statusSuccess : a.statusDefault, C = k ? e === "error" ? a.interactiveError : e === "warning" ? a.interactiveWarning : e === "success" ? a.interactiveSuccess : a.interactiveDefault : void 0;
+    return /* @__PURE__ */ D(
+      "li",
+      {
+        ref: A,
+        style: b,
+        "data-slot": "list-item",
+        [g]: "list-item",
+        "data-status": e,
+        "data-value": l,
+        onPointerDown: L ? u == null ? void 0 : u.onPointerDown : void 0,
+        className: f(
+          a.item,
+          d,
+          S && e === "default" && a.stripedEven,
+          C,
+          L && a.sortableItem,
+          w && a.itemDragging,
+          o
+        ),
+        ...T,
+        children: [
+          v && /* @__PURE__ */ t(
+            "span",
+            {
+              "data-slot": "list-drop-indicator",
+              [g]: "list-drop-indicator",
+              "aria-hidden": "true",
+              className: f(
+                a.dropIndicator,
+                v === "top" ? a.dropIndicatorTop : a.dropIndicatorBottom
+              )
+            }
+          ),
+          W && /* @__PURE__ */ t(
+            "span",
+            {
+              "data-slot": "list-item-index",
+              [g]: "list-item-index",
+              "aria-hidden": "true",
+              className: a.indexBase,
+              children: (c ?? 0) + 1
+            }
+          ),
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "data-slot": "list-item-content",
+              [g]: "list-item-content",
+              className: a.content,
+              children: O
+            }
+          ),
+          /* @__PURE__ */ t(jt, { status: e }),
+          N,
+          L && /* @__PURE__ */ t(
+            "button",
+            {
+              ref: x,
+              type: "button",
+              "aria-label": `Drag to reorder ${l ?? "item"}`,
+              className: a.dragHandle,
+              ...I,
+              onKeyDown: u == null ? void 0 : u.onKeyDown,
+              children: /* @__PURE__ */ t(Ht, {})
+            }
+          )
+        ]
+      }
+    );
+  }
+), Xt = i.forwardRef(
+  function(o, l) {
+    const e = i.useId();
+    process.env.NODE_ENV !== "production" && o.value === void 0 && console.warn(
+      "List: a sortable `ListItem` is missing a `value`. Give each sortable item a unique `value` so it can be reordered — items without one are excluded from `onReorder`."
+    );
+    const {
+      attributes: c,
+      listeners: s,
+      setNodeRef: r,
+      setActivatorNodeRef: x,
+      isDragging: b,
+      isOver: w,
+      activeIndex: v,
+      overIndex: u
+    } = lt({
+      id: o.value ?? e,
+      animateLayoutChanges: () => !1
+    }), I = w && !b && v !== -1 ? v < u ? "bottom" : "top" : null;
+    return /* @__PURE__ */ t(
+      R,
+      {
+        ref: l,
+        ...o,
+        setNodeRef: r,
+        setActivatorNodeRef: x,
+        isDragging: b,
+        dropEdge: I,
+        listeners: s,
+        attributes: c
+      }
+    );
+  }
+), U = i.forwardRef(
+  function(o, l) {
+    const { sortable: e } = J();
+    return e ? /* @__PURE__ */ t(Xt, { ref: l, ...o }) : /* @__PURE__ */ t(R, { ref: l, ...o });
+  }
+), H = i.createContext(null), te = i.forwardRef(
+  function({
+    open: o,
+    defaultOpen: l = !1,
+    onOpenChange: e,
+    className: c,
+    children: s,
+    ...r
+  }, x) {
+    const b = y(), [w, v] = i.useState(l), u = o ?? w, I = i.useId(), T = (h) => {
+      o === void 0 && v(h), e == null || e(h);
+    };
+    return /* @__PURE__ */ t(H.Provider, { value: { open: u, setOpen: T, contentId: I }, children: /* @__PURE__ */ t(
+      "li",
+      {
+        ref: x,
+        "data-slot": "list-group",
+        [g]: "list-group",
+        "data-state": u ? "open" : "closed",
+        className: f(b.group, c),
+        ...r,
+        children: s
+      }
+    ) });
+  }
+), ee = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = y(), r = i.useContext(H);
+  return r ? /* @__PURE__ */ D(
+    "button",
+    {
+      ref: c,
+      type: "button",
+      "data-slot": "list-group-trigger",
+      [g]: "list-group-trigger",
+      "aria-expanded": r.open,
+      "aria-controls": r.contentId,
+      onClick: () => r.setOpen(!r.open),
+      className: f(
+        s.item,
+        s.interactiveDefault,
+        s.groupTrigger,
+        o
+      ),
+      ...e,
+      children: [
+        /* @__PURE__ */ t(
+          Mt,
+          {
+            className: f(
+              s.groupChevron,
+              r.open && s.groupChevronOpen
+            )
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: s.groupTriggerText, children: l })
+      ]
+    }
+  ) : /* @__PURE__ */ t(
+    "li",
+    {
+      ref: c,
+      "data-slot": "list-group-label",
+      [g]: "list-group-label",
+      className: f(s.standaloneGroupLabel, o),
+      children: l
+    }
+  );
+}), oe = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = y(), r = i.useContext(H), x = /* @__PURE__ */ t(
+    "ul",
+    {
+      ref: c,
+      "data-slot": "list-group-content",
+      [g]: "list-group-content",
+      className: f(s.list, s.groupContentList, o),
+      ...e,
+      children: l
+    }
+  );
+  return r ? /* @__PURE__ */ t(
+    "div",
+    {
+      id: r.contentId,
+      "data-state": r.open ? "open" : "closed",
+      className: f(
+        s.collapseWrapper,
+        r.open && s.collapseWrapperOpen
+      ),
+      children: /* @__PURE__ */ t("div", { className: s.collapseInner, children: x })
+    }
+  ) : x;
+});
+export {
+  Yt as List,
+  te as ListGroup,
+  oe as ListGroupContent,
+  ee as ListGroupLabel,
+  U as ListItem,
+  Vt as ListItemActions,
+  Qt as ListItemDescription,
+  Jt as ListItemText
+};
+//# sourceMappingURL=list.js.map