@ultraviolet/plus/dist/components/ContentCardGroup/index.cjs

Ultraviolet Plus

"use client";
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("@emotion/react/jsx-runtime");
const _styled = require("@emotion/styled/base");
const ui = require("@ultraviolet/ui");
const react = require("react");
const Card = require("./Card.cjs");
const SkeletonCard = require("./SkeletonCard.cjs");
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
const StyledWrapper = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
  target: "e1393dgx0"
} : {
  target: "e1393dgx0",
  label: "StyledWrapper"
})("border-radius:", ({
  theme
}) => theme.radii.default, ";border:1px solid ", ({
  theme
}) => theme.colors.neutral.border, ";background:", ({
  theme
}) => theme.colors.neutral.background, ";min-width:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDaGlsZHJlbiwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gJy4vQ2FyZCdcbmltcG9ydCB7IFNrZWxldG9uQ2FyZCB9IGZyb20gJy4vU2tlbGV0b25DYXJkJ1xuXG50eXBlIEJhc2VDb250ZW50Q2FyZEdyb3VwUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgbG9hZGluZz86IGJvb2xlYW5cbn1cblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChTdGFjaylgXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBCYXNlQ29udGVudENhcmRHcm91cCA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBCYXNlQ29udGVudENhcmRHcm91cFByb3BzXG4+KCh7IGNoaWxkcmVuLCBsb2FkaW5nIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkV3JhcHBlciBkaXJlY3Rpb249XCJjb2x1bW5cIiByZWY9e3JlZn0+XG4gICAgeyFsb2FkaW5nID8gKFxuICAgICAgY2hpbGRyZW5cbiAgICApIDogKFxuICAgICAgPD5cbiAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKF9jaGlsZCwgaW5kZXgpID0+IChcbiAgICAgICAgICA8U2tlbGV0b25DYXJkIGtleT17aW5kZXh9IC8+XG4gICAgICAgICkpfVxuICAgICAgPC8+XG4gICAgKX1cbiAgPC9TdHlsZWRXcmFwcGVyPlxuKSlcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRDYXJkR3JvdXAgPSBPYmplY3QuYXNzaWduKEJhc2VDb250ZW50Q2FyZEdyb3VwLCB7XG4gIENhcmQsXG59KVxuIl19 */"));
const BaseContentCardGroup = react.forwardRef(({
  children,
  loading
}, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledWrapper, { direction: "column", ref, children: !loading ? children : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: react.Children.map(children, (_child, index) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonCard.SkeletonCard, {}, index)) }) }));
const ContentCardGroup = Object.assign(BaseContentCardGroup, {
  Card: Card.Card
});
exports.ContentCardGroup = ContentCardGroup;