@wrdagency/blockout 1.0.34 → 1.0.36

package/dist/components/controls/recurrence-control/index.js

@@ -1,50 +1,47 @@
-import { jsxs as i, jsx as l, Fragment as L } from "react/jsx-runtime";
-import { getOrdinalSuffix as w } from "../../../utils/date.js";
-import { noop as x } from "../../../utils/noop.js";
-import { t as q, r as M } from "../../../RadioButton.es-D3QVjfF9.js";
-import { useMemo as V } from "react";
-import { R as C, F as n } from "../../../style-D1AX7G7x.js";
-import { useBaseControlProps as W } from "../base-control/props.js";
-import { BasePopoverControl as A } from "../base-popover-control/index.js";
+import { jsx as l, jsxs as t, Fragment as w } from "react/jsx-runtime";
+import { getOrdinalSuffix as C } from "../../../utils/date.js";
+import { noop as M } from "../../../utils/noop.js";
+import { g as N, d as m, h as n, t as V, r as W } from "../../../style-nHUEFY3u.js";
+import { useMemo as A } from "react";
+import { useBaseControlProps as D } from "../base-control/props.js";
+import { BasePopoverControl as K } from "../base-popover-control/index.js";
 import { NumberControl as E } from "../number-control/index.js";
-import { SelectControl as d } from "../select-control/control.js";
-import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
-/* empty css                      */
-/* empty css                      */
-/* empty css                      */
+import "../../../primitives/colourway/index.js";
+import "../../../primitives/link/index.js";
+import "../../../primitives/icon-label/index.js";
+import "../../../primitives/nav-link/index.js";
 import "../../../primitives/popover/index.js";
-/* empty css                      */
+import '../../../assets/style2.css';import '../../../assets/style.css';/* empty css                      */
 import "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
+import "../../../primitives/tooltip/index.js";
+import "../../../primitives/truncate/index.js";
 /* empty css                      */
-/* empty css                      */
-/* empty css                      */
-/* empty css                       */
-import "../../../match-sorter.esm-MNVE8H_6.js";
-/* empty css                      */
-import { ToggleControl as D } from "../toggle-control/index.js";
-import { ToggleGroupControl as K } from "../toggle-group-control/index.js";
-const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
-  var y, b, h, v, f, g;
-  const { baseProps: s, controlProps: u } = W(c, {
+import "../../../primitives/visually-hidden/index.js";
+import { ToggleControl as P } from "../toggle-control/index.js";
+import { ToggleGroupControl as I } from "../toggle-group-control/index.js";
+const _ = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", ue = (p) => {
+  var b, h, v, f, g, L;
+  const { baseProps: i, controlProps: u } = D(p, {
     className: "component-recurrence-control"
   }), {
     value: a,
-    onChangeValue: m = x,
-    allowEmpty: t = !1,
-    ...Y
-  } = u, o = C.fromString(a || N), k = V(
-    () => !a && t ? "" : o == null ? void 0 : o.toText(),
-    [a, t]
-  ), R = (e) => {
-    t && m(e ? N : void 0);
-  }, _ = (e) => {
+    onChangeValue: d = M,
+    allowEmpty: s = !1,
+    placeholder: Y = "",
+    ...k
+  } = u, o = N.fromString(a || _), y = /* @__PURE__ */ l("span", { className: "component-recurrence-controller__placeholder", children: Y }), R = A(
+    () => a && (o == null ? void 0 : o.toText()) || y,
+    [a, s]
+  ), O = (e) => {
+    s && d(e ? _ : void 0);
+  }, S = (e) => {
     e === n.DAILY ? r({ freq: n.DAILY, bymonthday: [], byweekday: [] }) : e === n.WEEKLY ? r({ freq: n.WEEKLY, bymonthday: [], byweekday: [0] }) : e === n.MONTHLY && r({ freq: n.MONTHLY, bymonthday: [1], byweekday: [] });
   }, r = (e) => {
-    const p = {
+    const c = {
       ...o.options,
       ...e
-    }, F = [
+    }, x = [
       "byhour",
       "byminute",
       "bysecond",
@@ -52,46 +49,46 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
       "count",
       "until"
     ];
-    for (const S of F)
-      delete p[S];
-    p.freq === n.DAILY && delete p.byweekday;
-    const O = new C(p);
-    m(O.toString());
+    for (const q of x)
+      delete c[q];
+    c.freq === n.DAILY && delete c.byweekday;
+    const F = new N(c);
+    d(F.toString());
   };
-  return /* @__PURE__ */ i(
-    A,
+  return /* @__PURE__ */ t(
+    K,
     {
-      ...s,
-      placeholder: a === void 0 && t ? "" : k,
-      inputProps: Y,
+      ...i,
+      placeholder: R,
+      inputProps: k,
       children: [
-        t && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
-          D,
+        s && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
+          P,
           {
             onLabel: "Repeats",
             offLabel: "None",
             value: a === void 0,
-            onChangeValue: R
+            onChangeValue: O
           }
         ) }),
-        (a !== void 0 || !t) && /* @__PURE__ */ i(L, { children: [
-          /* @__PURE__ */ i("div", { className: "component-recurrence-control__row", children: [
+        (a !== void 0 || !s) && /* @__PURE__ */ t(w, { children: [
+          /* @__PURE__ */ t("div", { className: "component-recurrence-control__row", children: [
             /* @__PURE__ */ l(
               E,
               {
                 value: o.options.interval,
                 onChangeValue: (e) => r({ interval: e || 1 }),
-                suffix: w(o.options.interval),
+                suffix: C(o.options.interval),
                 min: 1,
                 "aria-label": "Recurrence frequency"
               }
             ),
             /* @__PURE__ */ l(
-              d,
+              m,
               {
                 "aria-label": "Recurrence period",
                 value: o.options.freq,
-                onChangeValue: _,
+                onChangeValue: S,
                 options: [
                   { label: "Day", value: n.DAILY },
                   { label: "Week", value: n.WEEKLY },
@@ -101,9 +98,9 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
             )
           ] }),
           o.options.freq === n.WEEKLY && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
-            K,
+            I,
             {
-              value: ((y = o.options.byweekday) == null ? void 0 : y.map(String)) || [],
+              value: ((b = o.options.byweekday) == null ? void 0 : b.map(String)) || [],
               onChangeValue: (e) => r({ byweekday: e.map(Number) }),
               label: "On every",
               options: [
@@ -118,19 +115,19 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
               multiple: !0
             }
           ) }),
-          o.options.freq === n.MONTHLY && /* @__PURE__ */ i(L, { children: [
+          o.options.freq === n.MONTHLY && /* @__PURE__ */ t(w, { children: [
             /* @__PURE__ */ l(
               T,
               {
-                open: ((b = o.options.bymonthday) == null ? void 0 : b.length) > 0,
+                open: ((h = o.options.bymonthday) == null ? void 0 : h.length) > 0,
                 onOpen: () => r({ bymonthday: [1], byweekday: [] }),
                 children: /* @__PURE__ */ l(
                   E,
                   {
                     prefix: "On the",
-                    suffix: w(o.options.bymonthday[0]) + " of the month",
+                    suffix: C(o.options.bymonthday[0]) + " of the month",
                     placeholder: "4",
-                    value: (h = o.options.bymonthday) == null ? void 0 : h[0],
+                    value: (v = o.options.bymonthday) == null ? void 0 : v[0],
                     onChangeValue: (e) => r({
                       bymonthday: [e || 1]
                     }),
@@ -140,10 +137,10 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                 )
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ t(
               T,
               {
-                open: ((v = o.options.byweekday) == null ? void 0 : v.length) > 0,
+                open: ((f = o.options.byweekday) == null ? void 0 : f.length) > 0,
                 onOpen: () => r({
                   byweekday: [0],
                   bysetpos: [1],
@@ -151,7 +148,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                 }),
                 children: [
                   /* @__PURE__ */ l(
-                    d,
+                    m,
                     {
                       prefix: "On the",
                       options: [
@@ -177,14 +174,14 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                         }
                       ],
                       placeholder: "First",
-                      value: String((f = o.options.bysetpos) == null ? void 0 : f[0]),
+                      value: String((g = o.options.bysetpos) == null ? void 0 : g[0]),
                       onChangeValue: (e) => r({
                         bysetpos: [Number(e) || 0]
                       })
                     }
                   ),
                   /* @__PURE__ */ l(
-                    d,
+                    m,
                     {
                       options: [
                         { label: "Monday", value: "0" },
@@ -196,7 +193,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                         { label: "Sunday", value: "6" }
                       ],
                       placeholder: "Monday",
-                      value: String((g = o.options.byweekday) == null ? void 0 : g[0]),
+                      value: String((L = o.options.byweekday) == null ? void 0 : L[0]),
                       onChangeValue: (e) => r({
                         byweekday: [Number(e) || 0]
                       })
@@ -210,22 +207,22 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
       ]
     }
   );
-}, T = (c) => {
-  const { open: s, onOpen: u, children: a } = c;
-  return /* @__PURE__ */ i("div", { className: "component-recurrence-control__frequency_type", children: [
+}, T = (p) => {
+  const { open: i, onOpen: u, children: a } = p;
+  return /* @__PURE__ */ t("div", { className: "component-recurrence-control__frequency_type", children: [
     /* @__PURE__ */ l(
       "button",
       {
         className: "component-recurrence-control__radio",
-        "aria-pressed": s,
+        "aria-pressed": i,
         onClick: u,
         type: "button",
-        children: s ? /* @__PURE__ */ l(q, { weight: "fill" }) : /* @__PURE__ */ l(M, {})
+        children: i ? /* @__PURE__ */ l(V, { weight: "fill" }) : /* @__PURE__ */ l(W, {})
       }
     ),
-    /* @__PURE__ */ l("fieldset", { className: "component-recurrence-control__row", disabled: !s, children: a })
+    /* @__PURE__ */ l("fieldset", { className: "component-recurrence-control__row", disabled: !i, children: a })
   ] });
 };
 export {
-  de as RecurrenceControl
+  ue as RecurrenceControl
 };

package/dist/components/controls/select-control/control.js

@@ -1,51 +1,10 @@
-import { jsx as e, jsxs as r, Fragment as v } from "react/jsx-runtime";
-import { Button as N } from "../../button/index.js";
-import { findOption as S } from "../../../types/options.js";
-import * as m from "react";
-import { p as O } from "../../../IconBase.es-rM5tt24D.js";
-import { t as P } from "../../../CaretDown.es-CfgGfmY2.js";
-import { BaseControl as w } from "../base-control/index.js";
-import { Affix as p } from "../base-control/affix.js";
-import { useBaseControlProps as C } from "../base-control/props.js";
-import { Select as I } from "./select.js";
-import '../../../assets/style16.css';/* empty css                      */
-import { S as g } from "../../../select-value-B3DYk9eV.js";
-const f = m.forwardRef((o, t) => /* @__PURE__ */ m.createElement(O, { ref: t, ...o, weights: P }));
-f.displayName = "CaretDownIcon";
-function G(o) {
-  const { baseProps: t, controlProps: n } = C(o, {
-    className: "component-select-control"
-  }), {
-    placeholder: l,
-    options: d = [],
-    value: _,
-    withIcon: h = !1,
-    before: b,
-    after: u
-  } = n, { prefix: c, suffix: s, ...x } = t, a = S(d, _), i = !!a ? a : { label: l || "" };
-  return /* @__PURE__ */ e(w, { ...x, children: /* @__PURE__ */ r(I, { ...n, prefix: c, suffix: s, children: [
-    b,
-    /* @__PURE__ */ r("div", { className: "component-select-control__btn", children: [
-      /* @__PURE__ */ e(p, { children: c }),
-      /* @__PURE__ */ e(g, { fallback: l, children: () => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r("span", { className: "component-select-control__btn__value", children: [
-        h && i.icon,
-        /* @__PURE__ */ e("span", { className: "component-select-control__btn__value__label", children: i.label })
-      ] }) }) }),
-      /* @__PURE__ */ e(p, { suffix: !0, children: s })
-    ] }),
-    /* @__PURE__ */ e(
-      N.Icon,
-      {
-        className: "component-select-control__btn__caret",
-        variant: "ghost",
-        size: "small",
-        tabIndex: -1,
-        children: /* @__PURE__ */ e(f, {})
-      }
-    ),
-    u
-  ] }) });
-}
+import "react/jsx-runtime";
+import { d as a } from "../../../style-nHUEFY3u.js";
+import "../../../types/options.js";
+import "../base-control/index.js";
+import "../base-control/affix.js";
+import "../base-control/props.js";
+import "../../../combobox-popover-C6rwSpgq.js";
 export {
-  G as SelectControl
+  a as SelectControl
 };

package/dist/components/controls/select-control/index.js

@@ -1,6 +1,5 @@
-import { SelectControl as r } from "./control.js";
-import { Select as l } from "./select.js";
+import { c as t, d as c } from "../../../style-nHUEFY3u.js";
 export {
-  l as Select,
-  r as SelectControl
+  t as Select,
+  c as SelectControl
 };

package/dist/components/controls/select-control/props.d.ts

@@ -15,5 +15,6 @@ export type SelectProps<T extends string = string> = {
     withIcon?: boolean;
     autoComplete?: HTMLInputAutoCompleteAttribute;
     disabled?: boolean;
+    required?: boolean;
     defaultGroupOpen?: boolean;
 };

package/dist/components/controls/select-control/select.js

@@ -1,170 +1,27 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { cn as x } from "../../../utils/css.js";
-import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
-import { noop as j } from "../../../utils/noop.js";
-import { useState as f, useMemo as y, startTransition as k } from "react";
-/* empty css                      */
-/* empty css                      */
-/* empty css                      */
+import "react/jsx-runtime";
+import "../../../utils/css.js";
+import "../../../primitives/colourway/index.js";
+import { c as y } from "../../../style-nHUEFY3u.js";
+import "../../../utils/noop.js";
+import "react";
+import "../../../primitives/link/index.js";
+import "../../../primitives/icon-label/index.js";
+import "../../../primitives/nav-link/index.js";
 import "../../../primitives/popover/index.js";
-/* empty css                      */
-import { ScrollArea as z } from "../../../primitives/scroll-area/index.js";
+import '../../../assets/style2.css';import '../../../assets/style.css';/* empty css                      */
+import "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
-/* empty css                      */
-/* empty css                      */
-/* empty css                      */
-/* empty css                       */
-import { normalizeOptions as A, findOption as H } from "../../../types/options.js";
-import { e as M } from "../../../CaretDown.es-CfgGfmY2.js";
-import { s as T } from "../../../MagnifyingGlass.es-CLstwG_v.js";
-import { m as $ } from "../../../match-sorter.esm-MNVE8H_6.js";
-/* empty css                      */
-import { C as q, a as u, b as B } from "../../../MAXQOH4L-BYWBWXpb.js";
-import { S as E, a as F, b as J, c as K, d as Q, e as R, f as U } from "../../../select-popover-CGgkyRb4.js";
-import { C as W } from "../../../combobox-popover-BZ_1wNrj.js";
-import { C as X, a as Y } from "../../../combobox-group-hNvv1WJm.js";
-import { D as Z } from "../../../F5MUBM3I-75qY3y0N.js";
-import { D as ee } from "../../../KFH4SEIX-DaQeP5D_.js";
-import { C as h } from "../../../JMHAJKUZ-D5KCN1Aj.js";
-import { D as te } from "../../../disclosure-provider-cEVysvZT.js";
-const Ae = ({
-  className: v,
-  value: i,
-  onChangeValue: c = j,
-  options: S = [],
-  searchable: l = !1,
-  combobox: e = !1,
-  placeholder: N = "Choose an option...",
-  prefix: oe,
-  suffix: se,
-  children: C,
-  withIcon: re,
-  defaultGroupOpen: O = !0,
-  ...P
-}) => {
-  e && (l = !0);
-  const [n, p] = f(!1), [a, w] = f(""), m = A(S), _ = y(() => m.map((t) => ({
-    ...t,
-    items: $(t.items, a, {
-      baseSort: (s, g) => s.index < g.index ? -1 : 1,
-      keys: ["label", "description", "aliases"]
-    })
-  })), [a]), L = l || e ? B : K, b = e ? h : U, D = e ? u : F, G = e ? W : J, I = e ? X : Q, V = e ? Y : R, d = !!!H(m, i);
-  return /* @__PURE__ */ o(
-    q,
-    {
-      resetValueOnHide: !e,
-      open: n,
-      setOpen: p,
-      value: e ? i : a,
-      setValue: (t) => {
-        e && c(t), k(() => {
-          w(t);
-        });
-      },
-      children: /* @__PURE__ */ r(
-        E,
-        {
-          value: d ? "" : i,
-          setValue: c,
-          open: n,
-          setOpen: p,
-          children: [
-            /* @__PURE__ */ o(
-              D,
-              {
-                className: x(
-                  v,
-                  "component-select__input",
-                  d && "component-select__input--placeholder"
-                ),
-                children: e ? void 0 : C,
-                placeholder: N,
-                ...P
-              }
-            ),
-            n && _.length > 0 && /* @__PURE__ */ o(
-              G,
-              {
-                className: "component-select__popover",
-                "data-colour-scheme": "invert",
-                wrapperProps: {
-                  className: "component-select__popover__wrapper"
-                },
-                fitViewport: !0,
-                gutter: 8,
-                overflowPadding: 4,
-                shift: -1,
-                children: /* @__PURE__ */ r(z, { className: "component-select__popover__scroll", axis: "y", children: [
-                  l && !e && /* @__PURE__ */ r("div", { className: "component-select__popover__search-wrapper", children: [
-                    /* @__PURE__ */ o(T, { className: "component-select__popover__search-icon" }),
-                    /* @__PURE__ */ o(
-                      u,
-                      {
-                        autoSelect: !0,
-                        placeholder: "Search...",
-                        className: "component-select__popover__search"
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ o(L, { className: "component-select__list", children: _.filter((t) => t.items.length > 0).map((t) => /* @__PURE__ */ r(
-                    I,
-                    {
-                      className: "component-select__list__group",
-                      render: /* @__PURE__ */ o(
-                        te,
-                        {
-                          defaultOpen: O
-                        }
-                      ),
-                      children: [
-                        t.label && /* @__PURE__ */ r(
-                          V,
-                          {
-                            className: "component-select__list__group__label",
-                            render: /* @__PURE__ */ o(Z, {}),
-                            children: [
-                              t.label,
-                              /* @__PURE__ */ o(
-                                M,
-                                {
-                                  className: "component-select__list__group__label__icon",
-                                  weight: "fill"
-                                }
-                              )
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ o(ee, { className: "component-select__list__group__items", children: t.items.map((s) => /* @__PURE__ */ r(
-                          b,
-                          {
-                            disabled: s.disabled,
-                            value: s.value,
-                            className: "component-select__option",
-                            render: /* @__PURE__ */ o(h, {}),
-                            children: [
-                              /* @__PURE__ */ r("div", { className: "component-select__option__label", children: [
-                                s.icon,
-                                s.label
-                              ] }),
-                              s.description && /* @__PURE__ */ o("div", { className: "component-select__option__description", children: s.description })
-                            ]
-                          },
-                          s.value
-                        )) })
-                      ]
-                    },
-                    t.label
-                  )) })
-                ] })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
+import "../../../primitives/tooltip/index.js";
+import "../../../primitives/truncate/index.js";
+/* empty css                      */
+import "../../../primitives/visually-hidden/index.js";
+import "../../../types/options.js";
+import "../../../CaretDown.es-CfgGfmY2.js";
+import "../../../combobox-popover-C6rwSpgq.js";
+import "../../../JMHAJKUZ-B_CxAFEI.js";
+import "../../../F5MUBM3I-6mXn4Fpb.js";
+import "../../../KFH4SEIX-CEb2cs5b.js";
+import "../../../disclosure-provider-Whga0UAw.js";
 export {
-  Ae as Select
+  y as Select
 };