@bynder/compact-view 5.2.0 → 5.2.2

package/ModalBase.js

@@ -0,0 +1,117 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import T, { useState as S, useMemo as E, useEffect as I, useContext as y } from "react";
+import $ from "react-responsive-modal";
+import { IconCancel as g, IconArrowLeft as L } from "./index4.js";
+import { Flex as N } from "./Flex.js";
+import { Button as b } from "./Button.js";
+import { Sidebar as O } from "./Sidebar.js";
+import { classNames as n, CloseButton as _, GlobalStyles as j, HeaderStyled as z, BackButton as B, Headings as R, Title as k, SecondaryInformation as D, AdditionalActions as G, ContentStyled as P, ContentInner as V, ContentExpander as Z, FooterStyled as q, ActionsRight as J, SidebarStyled as K } from "./ModalBase.styles.js";
+import { useZIndex as Q } from "./useZIndex.js";
+import { useTranslate as U } from "./useTranslate.js";
+import { useId as W } from "./useId.js";
+const u = T.createContext({
+  hideCloseIcon: !1,
+  setHasSidebar: () => {
+  },
+  // eslint-disable-line @typescript-eslint/no-empty-function
+  modalTitleId: ""
+}), X = {
+  small: n.modalSmall,
+  medium: n.modalMedium,
+  fullscreen: n.modalFullScreen
+};
+function d({
+  isOpen: o,
+  onClose: t,
+  size: l = "small",
+  isCloseButtonHidden: a = !1,
+  isClosedOnOverlayClick: i = !1,
+  onCloseAnimationEnd: s,
+  children: m,
+  container: v,
+  ...A
+}) {
+  const [p, x] = S(!1), c = W("modal-title"), H = {
+    root: n.root,
+    overlay: n.overlay,
+    modalContainer: n.modalContainer,
+    modal: `${n.modal} ${X[l]} ${p ? n.modalHasSidebar : ""}`,
+    modalAnimationIn: n.modalAnimationIn,
+    modalAnimationOut: n.modalAnimationOut,
+    overlayAnimationIn: n.overlayAnimationIn,
+    overlayAnimationOut: n.overlayAnimationOut
+  }, {
+    translate: f
+  } = U(), h = !a, M = Q("modal"), w = E(() => ({
+    hideCloseIcon: a,
+    setHasSidebar: x,
+    modalTitleId: c
+  }), [a, c]), [F, C] = S(!1);
+  return I(() => {
+    o && C(!0);
+  }, [o]), /* @__PURE__ */ r(u.Provider, { value: w, children: [
+    /* @__PURE__ */ r($, { open: o, onClose: t, classNames: H, animationDuration: 200, showCloseIcon: !1, closeOnEsc: h, closeOnOverlayClick: i, container: v, ariaLabelledby: c, onAnimationEnd: () => {
+      o || (C(!1), s?.());
+    }, ...A, children: [
+      o || F ? m : null,
+      h && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(b, { variant: "clean", icon: /* @__PURE__ */ e(g, {}), "aria-label": f("modal.close"), title: f("modal.close"), onClick: t }) })
+    ] }),
+    /* @__PURE__ */ e(j, { zIndex: M })
+  ] });
+}
+d.Header = Y;
+d.Content = ee;
+d.Footer = oe;
+d.Sidebar = ne;
+function Y({
+  title: o,
+  secondaryInfo: t,
+  thumbnail: l,
+  backButton: a,
+  additionalActions: i
+}) {
+  const {
+    hideCloseIcon: s,
+    modalTitleId: m
+  } = y(u);
+  return /* @__PURE__ */ r(z, { $hideCloseIcon: s, children: [
+    a && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(b, { variant: "clean", icon: /* @__PURE__ */ e(L, {}), "aria-label": a.title, ...a }) }),
+    l && /* @__PURE__ */ e("div", { children: l }),
+    /* @__PURE__ */ r(R, { children: [
+      /* @__PURE__ */ e(k, { id: m, children: o }),
+      t && /* @__PURE__ */ e(D, { children: t })
+    ] }),
+    i && /* @__PURE__ */ e(G, { children: i })
+  ] });
+}
+function ee({
+  children: o
+}) {
+  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(Z, { children: o }) }) });
+}
+function oe({
+  actionPrimary: o,
+  actionSecondary: t,
+  actionTertiary: l
+}) {
+  return /* @__PURE__ */ r(q, { children: [
+    l,
+    /* @__PURE__ */ e(J, { children: /* @__PURE__ */ r(N, { gap: "4", children: [
+      t,
+      o
+    ] }) })
+  ] });
+}
+function ne({
+  children: o
+}) {
+  const {
+    setHasSidebar: t
+  } = y(u);
+  return I(() => (t(!0), () => {
+    t(!1);
+  })), /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(O, { children: o }) });
+}
+export {
+  d as ModalBase
+};

package/ModalBase.styles.js

@@ -0,0 +1,75 @@
+import a, { createGlobalStyle as d, css as r } from "./styled-components.browser.esm.js";
+import { nanoid as l } from "./index.browser.js";
+import { textStyles as n } from "./textStyles.js";
+import { baseStyles as s } from "./BaseStyles.js";
+import { token as o } from "./token.js";
+const i = `b-modal-${l()}`, t = {
+  root: i,
+  overlay: `${i}__overlay`,
+  modalContainer: `${i}__container`,
+  modal: `${i}__modal`,
+  modalSmall: `${i}__modal--small`,
+  modalMedium: `${i}__modal--medium`,
+  modalFullScreen: `${i}__modal--full-screen`,
+  modalHasSidebar: `${i}__modal--has-sidebar`,
+  overlayAnimationIn: `${i}-overlay-in`,
+  overlayAnimationOut: `${i}-overlay-out`,
+  modalAnimationIn: `${i}-container-in`,
+  modalAnimationOut: `${i}-container-out`
+}, y = d((e) => r(["@keyframes ", "{0%{opacity:0;}100%{opacity:1;}}@keyframes ", "{0%{opacity:1;}100%{opacity:0;}}@keyframes ", "{0%{opacity:0.5;transform:scale(0.95);}100%{opacity:1;transform:scale(1);}}@keyframes ", "{0%{opacity:1;transform:scale(1);}100%{opacity:0;transform:scale(0.95);}}.", ",.", ",.", "{animation-fill-mode:forwards !important;}.", ",.", "{position:fixed;top:0;right:0;bottom:0;left:0;z-index:", ";}.", "{background:", ";}.", "{display:flex;justify-content:center;align-items:center;padding:", ";}.", "{", " position:relative;display:grid;grid-template-areas:'sidebar header' 'sidebar content' 'sidebar footer';grid-template-rows:auto 1fr auto;grid-template-columns:auto var(--ds-modal-content-width);box-sizing:border-box;border-radius:", ";background:", ";box-shadow:", ";}.", "{--ds-modal-content-width:520px;max-height:100%;}.", ".", "{max-height:min(520px,100%);}.", "{--ds-modal-content-width:minmax(auto,866px);max-height:min(752px,100%);}.", "{--ds-modal-content-width:minmax( 0,1fr );width:100%;height:100%;min-height:0;}"], t.overlayAnimationIn, t.overlayAnimationOut, t.modalAnimationIn, t.modalAnimationOut, t.overlay, t.modalContainer, t.modal, t.overlay, t.modalContainer, e.zIndex, t.overlay, o.gray200a, t.modalContainer, o.spacing6, t.modal, s, o.radiusLarge, o.gray10, o.elevation8, t.modalSmall, t.modalSmall, t.modalHasSidebar, t.modalMedium, t.modalFullScreen)), f = a.div.withConfig({
+  displayName: "HeaderStyled",
+  componentId: "sc-1h99tol-0"
+})(["display:flex;grid-area:header;gap:", ";align-items:center;box-sizing:border-box;height:72px;padding:", " ", ";", ""], o.spacing4, o.spacing4, o.spacing6, (e) => !e.$hideCloseIcon && r(["padding-right:calc( 50px + ", " + ", " );"], o.spacing5, o.spacing4)), b = a.div.withConfig({
+  displayName: "AdditionalActions",
+  componentId: "sc-1h99tol-1"
+})(["display:flex;gap:", ";"], o.spacing3), u = a.div.withConfig({
+  displayName: "BackButton",
+  componentId: "sc-1h99tol-2"
+})(["margin-left:calc(", " * -1);"], o.spacing3), x = a.div.withConfig({
+  displayName: "Headings",
+  componentId: "sc-1h99tol-3"
+})(["flex:1;min-width:0;"]), v = a.h2.withConfig({
+  displayName: "Title",
+  componentId: "sc-1h99tol-4"
+})(["", " overflow:hidden;margin:0;color:", ";text-overflow:ellipsis;white-space:nowrap;"], n.uiTextL, o.colorText), w = a.h3.withConfig({
+  displayName: "SecondaryInformation",
+  componentId: "sc-1h99tol-5"
+})(["", " overflow:hidden;margin:0;color:", ";text-overflow:ellipsis;white-space:nowrap;"], n.uiTextS, o.colorTextMuted), C = a.div.withConfig({
+  displayName: "ContentStyled",
+  componentId: "sc-1h99tol-6"
+})(["position:relative;grid-area:content;min-height:0;&:nth-last-child(2){--ds-modal-content-bottom-radius:", ";}&::before,&::after{content:'';position:absolute;left:0;display:block;width:100%;height:4px;}&::before{top:0;z-index:1;background:linear-gradient(to bottom,", ",transparent);box-shadow:inset 0 1px 0 0 ", ";}&::after{bottom:0;border-bottom-right-radius:var(--ds-modal-content-bottom-radius);border-bottom-left-radius:var(--ds-modal-content-bottom-radius);background:linear-gradient(to top,", ",transparent);box-shadow:inset 0 -1px 0 0 ", ";}"], o.radiusLarge, o.gray50a, o.gray100a, o.gray50a, o.gray100a), S = a.div.withConfig({
+  displayName: "ContentInner",
+  componentId: "sc-1h99tol-7"
+})(["", " position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;height:100%;padding:", " ", ";color:", ";font-family:", ";scroll-behavior:smooth;&::before,&::after{content:'';position:relative;left:0;z-index:1;display:block;height:", ";}&::before{margin:calc(", " * -1) calc(", " * -1) 0;background:linear-gradient( to bottom,", ",", " 50%,rgb(255 255 255 / 0) );}&::after{margin:0 calc(", " * -1) calc(", " * -1);border-bottom-right-radius:var(--ds-modal-content-bottom-radius);border-bottom-left-radius:var(--ds-modal-content-bottom-radius);background:linear-gradient( to top,", ",", " 50%,rgb(255 255 255 / 0) );}"], n.paragraphM, o.spacing5, o.spacing6, o.colorText, o.brandFontStackBase, o.spacing5, o.spacing5, o.spacing6, o.gray10, o.gray10, o.spacing6, o.spacing5, o.gray10, o.gray10), I = a.div.withConfig({
+  displayName: "ContentExpander",
+  componentId: "sc-1h99tol-8"
+})(["min-height:100%;"]), k = a.div.withConfig({
+  displayName: "FooterStyled",
+  componentId: "sc-1h99tol-9"
+})(["display:flex;grid-area:footer;padding:", ";"], o.spacing6), A = a.div.withConfig({
+  displayName: "ActionsRight",
+  componentId: "sc-1h99tol-10"
+})(["margin-left:auto;"]), N = a.div.withConfig({
+  displayName: "CloseButton",
+  componentId: "sc-1h99tol-11"
+})(["position:absolute;top:", ";right:", ";"], o.spacing5, o.spacing5), _ = a.div.withConfig({
+  displayName: "SidebarStyled",
+  componentId: "sc-1h99tol-12"
+})(["grid-area:sidebar;"]);
+export {
+  A as ActionsRight,
+  b as AdditionalActions,
+  u as BackButton,
+  N as CloseButton,
+  I as ContentExpander,
+  S as ContentInner,
+  C as ContentStyled,
+  k as FooterStyled,
+  y as GlobalStyles,
+  f as HeaderStyled,
+  x as Headings,
+  w as SecondaryInformation,
+  _ as SidebarStyled,
+  v as Title,
+  t as classNames
+};

package/ModalConfirmation.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Modal as t } from "./Modal2.js";
+function n(o) {
+  return /* @__PURE__ */ r(t, { ...o });
+}
+export {
+  n as ModalConfirmation
+};

package/NoResults.js

@@ -1,21 +1,22 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import i from "styled-components";
-import { IconSearch as s } from "@bynder/icons";
-import { token as t, Button as c } from "@bynder/design-system";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import i from "./styled-components.browser.esm.js";
+import { IconSearch as s } from "./index4.js";
+import { Button as c } from "./Button.js";
+import { token as t } from "./token.js";
 import { __ as n } from "./index2.js";
-import { DocumentIcon as l } from "./DocumentIcon.js";
-function b(r) {
-  return /* @__PURE__ */ o(a, { children: [
-    /* @__PURE__ */ o(p, { children: [
-      /* @__PURE__ */ e(l, {}),
-      /* @__PURE__ */ e(d, {})
+import { DocumentIcon as a } from "./DocumentIcon.js";
+function v(r) {
+  return /* @__PURE__ */ e(l, { children: [
+    /* @__PURE__ */ e(p, { children: [
+      /* @__PURE__ */ o(a, {}),
+      /* @__PURE__ */ o(d, {})
     ] }),
-    /* @__PURE__ */ e(m, { children: n("No results found") }),
-    /* @__PURE__ */ e(f, { children: n("Try adjusting the filter to find assets.") }),
-    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(c, { variant: "primary", title: n("Reset filters"), onClick: r.onReset, children: n("Reset filters") }) })
+    /* @__PURE__ */ o(m, { children: n("No results found") }),
+    /* @__PURE__ */ o(f, { children: n("Try adjusting the filter to find assets.") }),
+    /* @__PURE__ */ o(h, { children: /* @__PURE__ */ o(c, { variant: "primary", title: n("Reset filters"), onClick: r.onReset, children: n("Reset filters") }) })
   ] });
 }
-const a = i.div`
+const l = i.div`
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -46,6 +47,5 @@ const a = i.div`
 	margin-top: ${t.spacing7};
 `;
 export {
-  b as NoResults
+  v as NoResults
 };
-//# sourceMappingURL=NoResults.js.map

package/OffsetContext.js

@@ -0,0 +1,9 @@
+import { useContext as t, createContext as e } from "react";
+const n = e("normal");
+function f() {
+  return t(n) === "extra" ? 8 : 4;
+}
+export {
+  n as OffsetContext,
+  f as useOffset
+};

package/Oops.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { useState as n, useEffect as p } from "react";
-import a from "styled-components";
+import a from "./styled-components.browser.esm.js";
 import { logger as d } from "./logger.js";
 import { useRootElement as u } from "./RootElementContext.js";
 import { ErrorMessage as R } from "./ErrorMessage.js";
@@ -51,4 +51,3 @@ const x = a.div`
 export {
   j as Oops
 };
-//# sourceMappingURL=Oops.js.map

package/OpacityInput.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Input as r } from "./Input.js";
+import { useTranslate as i } from "./useTranslate.js";
+function c(t) {
+  const {
+    translate: a
+  } = i();
+  return /* @__PURE__ */ o(r, { type: "number", suffix: "%", maxLength: 3, value: t.value.toString(), onChange: (e) => {
+    t.onChange(parseInt(e || "0", 10));
+  }, onBlur: (e) => {
+    const n = parseInt(e.target.value, 10);
+    n >= 0 && n <= 100 || t.onChange(100);
+  }, "aria-label": a("colorpicker.opacity-input") });
+}
+export {
+  c as OpacityInput
+};

package/Option_new.js

@@ -1,35 +1,36 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { styled as p } from "styled-components";
-import { token as n, TruncatedText as m } from "@bynder/design-system";
-import { IconCheckCircle as a } from "@bynder/icons";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import s from "./styled-components.browser.esm.js";
+import { TruncatedText as m } from "./TruncatedText.js";
+import { token as n } from "./token.js";
+import { IconCheckCircle as a } from "./index4.js";
 import { ListItem as g, StyledCheckboxWrapper as h, Content as f } from "./Checkbox.styles.js";
-const j = ({
-  option: e,
+const w = ({
+  option: o,
   onClick: c,
-  metapropertyName: l,
+  metapropertyName: d,
   isSelected: i,
-  metapropertyMultifilter: d,
-  showCount: o = !0,
-  count: s
-}) => /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(h, { $isChecked: i, children: /* @__PURE__ */ t(
+  metapropertyMultifilter: l,
+  showCount: t = !0,
+  count: p
+}) => /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(h, { $isChecked: i, children: /* @__PURE__ */ e(
   f,
   {
     $isChecked: i,
     onClick: () => {
-      c(l, e, d);
+      c(d, o, l);
     },
     "data-testid": "metaproperty-option",
     children: [
-      /* @__PURE__ */ r(m, { children: e.label }),
-      i && !o ? /* @__PURE__ */ r(a, {}) : null,
-      o && /* @__PURE__ */ t(C, { className: "fade-in-down", children: [
+      /* @__PURE__ */ r(m, { children: o.label }),
+      i && !t ? /* @__PURE__ */ r(a, {}) : null,
+      t && /* @__PURE__ */ e(C, { className: "fade-in-down", children: [
         i ? /* @__PURE__ */ r(a, {}) : null,
         " ",
-        s
+        p
       ] })
     ]
   }
-) }) }), C = p.span`
+) }) }), C = s.span`
 	display: flex;
 	align-items: center;
 	padding: 0 ${n.spacing3};
@@ -45,6 +46,5 @@ const j = ({
 	}
 `;
 export {
-  j as OptionComponent
+  w as OptionComponent
 };
-//# sourceMappingURL=Option_new.js.map

package/Overlay.js

@@ -0,0 +1,35 @@
+import { jsx as o } from "react/jsx-runtime";
+import s, { css as m } from "./styled-components.browser.esm.js";
+import { token as a } from "./token.js";
+import { Spinner as d } from "./Spinner2.js";
+import { makeInternalTokens as c } from "./makeInternalTokens.js";
+const r = "ds-thumbnail__pointer-events-wrapper";
+function g({
+  children: e,
+  isConcealed: i = !1,
+  isLoading: l = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ o(h, { $isConcealed: i, ...n, children: l ? /* @__PURE__ */ o(d, { "data-testid": "ds-thumbnail-overlay-spinner" }) : e });
+}
+const {
+  internalTokens: t,
+  declareTokens: u
+} = c({
+  lightTheme: {
+    "thumbnail-overlay-fill": a.gray200a,
+    "thumbnail-overlay-color": a.gray10
+  },
+  darkTheme: {
+    "thumbnail-overlay-fill": "rgb(3 16 38 / 20%)",
+    // same value as gray200a for light theme
+    "thumbnail-overlay-color": a.gray1000
+  }
+}), h = s.div.withConfig({
+  displayName: "OverlayStyled",
+  componentId: "sc-12ophb7-0"
+})(["", " position:absolute;top:0;left:0;display:grid;place-items:center;width:100%;height:100%;border-radius:var(--ds-thumbnail-border-radius);background:", ";color:", ";-webkit-mask-image:var(--ds-thumbnail-overlay-indicator-cutout);mask-image:var(--ds-thumbnail-overlay-indicator-cutout);", ""], u, t["thumbnail-overlay-fill"], t["thumbnail-overlay-color"], (e) => e.$isConcealed && m(["opacity:0;", ":hover &,", ":focus-visible &{opacity:1;}"], "." + r, "." + r));
+export {
+  g as Overlay,
+  r as pointerEventsClassname
+};

package/Parser.js

@@ -0,0 +1,131 @@
+import { RULESET as F, DECLARATION as G, COMMENT as H } from "./Enum.js";
+import { strlen as l, append as L, charat as I, replace as M, indexof as J, abs as q, sizeof as K, substr as O, trim as P, from as B } from "./Utility.js";
+import { dealloc as Q, alloc as V, next as R, peek as x, delimit as y, identifier as W, commenter as X, escaping as Y, whitespace as Z, node as D, char as _, prev as $, caret as z } from "./Tokenizer.js";
+function ca(e) {
+  return Q(N("", null, null, null, [""], e = V(e), 0, [0], e));
+}
+function N(e, v, n, c, s, E, C, t, k) {
+  for (var o = 0, h = 0, f = C, T = 0, d = 0, g = 0, i = 1, A = 1, b = 1, r = 0, p = "", u = s, w = E, m = c, a = p; A; )
+    switch (g = r, r = R()) {
+      // (
+      case 40:
+        if (g != 108 && I(a, f - 1) == 58) {
+          J(a += M(y(r), "&", "&\f"), "&\f", q(o ? t[o - 1] : 0)) != -1 && (b = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        a += y(r);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        a += Z(g);
+        break;
+      // \
+      case 92:
+        a += Y(z() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (x()) {
+          case 42:
+          case 47:
+            L(j(X(R(), z()), v, n, k), k);
+            break;
+          default:
+            a += "/";
+        }
+        break;
+      // {
+      case 123 * i:
+        t[o++] = l(a) * b;
+      // } ; \0
+      case 125 * i:
+      case 59:
+      case 0:
+        switch (r) {
+          // \0 }
+          case 0:
+          case 125:
+            A = 0;
+          // ;
+          case 59 + h:
+            b == -1 && (a = M(a, /\f/g, "")), d > 0 && l(a) - f && L(d > 32 ? U(a + ";", c, n, f - 1, k) : U(M(a, " ", "") + ";", c, n, f - 2, k), k);
+            break;
+          // @ ;
+          case 59:
+            a += ";";
+          // { rule/at-rule
+          default:
+            if (L(m = S(a, v, n, o, h, s, t, p, u = [], w = [], f, E), E), r === 123)
+              if (h === 0)
+                N(a, v, m, m, u, E, f, t, w);
+              else
+                switch (T === 99 && I(a, 3) === 110 ? 100 : T) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    N(e, m, m, c && L(S(e, m, m, 0, 0, s, t, p, s, u = [], f, w), w), s, w, f, t, c ? u : w);
+                    break;
+                  default:
+                    N(a, m, m, m, [""], w, 0, t, w);
+                }
+        }
+        o = h = d = 0, i = b = 1, p = a = "", f = C;
+        break;
+      // :
+      case 58:
+        f = 1 + l(a), d = g;
+      default:
+        if (i < 1) {
+          if (r == 123)
+            --i;
+          else if (r == 125 && i++ == 0 && $() == 125)
+            continue;
+        }
+        switch (a += B(r), r * i) {
+          // &
+          case 38:
+            b = h > 0 ? 1 : (a += "\f", -1);
+            break;
+          // ,
+          case 44:
+            t[o++] = (l(a) - 1) * b, b = 1;
+            break;
+          // @
+          case 64:
+            x() === 45 && (a += y(R())), T = x(), h = f = l(p = a += W(z())), r++;
+            break;
+          // -
+          case 45:
+            g === 45 && l(a) == 2 && (i = 0);
+        }
+    }
+  return E;
+}
+function S(e, v, n, c, s, E, C, t, k, o, h, f) {
+  for (var T = s - 1, d = s === 0 ? E : [""], g = K(d), i = 0, A = 0, b = 0; i < c; ++i)
+    for (var r = 0, p = O(e, T + 1, T = q(A = C[i])), u = e; r < g; ++r)
+      (u = P(A > 0 ? d[r] + " " + p : M(p, /&\f/g, d[r]))) && (k[b++] = u);
+  return D(e, v, n, s === 0 ? F : t, k, o, h, f);
+}
+function j(e, v, n, c) {
+  return D(e, v, n, H, B(_()), O(e, 2, -2), 0, c);
+}
+function U(e, v, n, c, s) {
+  return D(e, v, n, G, O(e, 0, c), O(e, c + 1, -1), c, s);
+}
+export {
+  j as comment,
+  ca as compile,
+  U as declaration,
+  N as parse,
+  S as ruleset
+};