@wrdagency/blockout 1.0.23 → 1.0.24

package/dist/assets/style23.css

@@ -1 +1 @@
-.data-view-layout-list{display:flex;flex-direction:column;gap:.75rem}.data-view-layout-list:has(.data-view-layout-list__thumbnail){gap:1.25rem}.data-view-layout-list__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-list__group__list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;padding-bottom:0}.data-view-layout-list__group__list:has(.data-view-layout-list__thumbnail){padding:1.25rem 0;padding-bottom:0;gap:1.25rem}.data-view-layout-list__group__header{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100);padding:.75rem}.data-view-layout-list__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-list__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-list__item{display:flex;gap:1rem;flex-wrap:wrap}.data-view-layout-list__thumbnail{background-color:var(--blockout__colours__surface--200);height:8rem;width:8rem;object-fit:cover;object-position:center;border-radius:var(--blockout__radius--lg)}.data-view-layout-list__depth__wrapper{display:flex}.data-view-layout-list__depth{flex-shrink:0;padding-right:.75rem;padding-left:2.25rem}.data-view-layout-list__depth>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem;transform:translateY(-.125rem)}.data-view-layout-list__content{flex-grow:1;padding:.5rem 0}.data-view-layout-list__item__header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.data-view-layout-list__item__relations{padding-left:2.25rem;margin-top:1rem}.data-view-layout-list__item__description{padding-left:2rem;margin-top:.5rem}.data-view-layout-list__item__properties{padding-left:2rem;display:flex;gap:1rem 2rem;flex-wrap:wrap;margin-top:.5rem}.data-view-layout-list__item__properties__item{color:var(--blockout__colours__surface--500)}
+.data-view-layout-list{display:flex;flex-direction:column;gap:.75rem}.data-view-layout-list:has(.data-view-layout-list__thumbnail){gap:1.25rem}.data-view-layout-list__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-list__group__list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;padding-bottom:0}.data-view-layout-list__group__list:has(.data-view-layout-list__thumbnail){padding:1.25rem 0;padding-bottom:0;gap:1.25rem}.data-view-layout-list__group__header{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100);padding:.75rem}.data-view-layout-list__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-list__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-list__item{display:flex;gap:1rem;flex-wrap:wrap}.data-view-layout-list__thumbnail{background-color:var(--blockout__colours__surface--200);height:8rem;width:8rem;object-fit:cover;object-position:center;border-radius:var(--blockout__radius--lg)}.data-view-layout-list__depth__wrapper{display:flex}.data-view-layout-list__depth{flex-shrink:0;padding-right:.75rem;padding-left:2.25rem}.data-view-layout-list__depth>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem;transform:translateY(-.125rem)}.data-view-layout-list__content{flex-grow:1;padding:.5rem 0}.data-view-layout-list__item__header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.data-view-layout-list__item__relations{padding-left:2.25rem;margin-top:1rem}.data-view-layout-list__item__description{margin-top:.5rem}.data-view-layout-list__item__properties{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin-top:.5rem}.data-view-layout-list__item__properties__item{color:var(--blockout__colours__surface--500)}.data-view-layout-list__group:has(.data-view-layout-list__group__checkbox) .data-view-layout-list__item__properties,.data-view-layout-list__group:has(.data-view-layout-list__group__checkbox) .data-view-layout-list__item__description{padding-left:2.25rem}

package/dist/assets/style25.css

@@ -1 +1 @@
-.data-view-part-field__editable{position:relative;border-radius:var(--blockout__radius--xs);outline:.5rem solid transparent;cursor:pointer;width:fit-content;height:1.5rem;transition:background-color .15s ease,outline .15s ease}.data-view-part-field__editable:hover{background-color:var(--blockout__colours__surface--200);outline:.25rem solid var(--blockout__colours__surface--200)}.data-view-slot__item__parent{display:flex;gap:.675rem;align-items:center}.data-view-slot__item__parent__label{font-weight:400;font-size:.875rem;color:var(--blockout__colours__surface--950);background-color:var(--blockout__colours__surface--200);padding:.125rem .5rem;border-radius:var(--blockout__radius--xs);white-space:nowrap;flex-shrink:0;outline:.125rem solid var(--blockout__colours__surface--0)}.data-view-slot__item__parent__name,.data-view-slot__item__parent__name__link{min-width:0}.data-view-slot__item__children{display:flex;gap:.75rem}.data-view-slot__item__children>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem}.data-view-slot__item__children__list{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}
+.data-view-layout-tile{display:flex;flex-direction:column;gap:1.25rem}.data-view-layout-tile__group{display:flex;flex-direction:column;gap:1rem}.data-view-layout-tile__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-tile__group__header{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100);padding:.75rem}.data-view-layout-tile__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-tile__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-tile__group__items{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.data-view-layout-item__item{position:relative;border-radius:var(--blockout__radius--md);border:1px solid var(--blockout__colours__surface--200);overflow:clip;width:100%;height:auto;aspect-ratio:1/1}.data-view-layout-item__item .data-view-layout-item__item__media{width:100%;height:100%;background:var(--blockout__colours__surface--100)}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__thumbnail{width:100%;height:100%;object-fit:contain}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__checkbox{position:absolute;top:.5rem;left:.5rem;background:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__actions{position:absolute;top:.5rem;right:.5rem;background:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__caption{display:flex;flex-direction:column;gap:.375rem;position:absolute;bottom:0;left:0;right:0;padding:2rem 1.25rem 1rem;background:linear-gradient(to top,var(--blockout__colours__surface--950),transparent);color:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header{display:flex;align-items:start;gap:1rem;flex-wrap:wrap}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .primitive-tooltip{width:100%}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .data-view-layout-item__item__title{color:var(--blockout__colours__surface--0);font-size:1rem;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .data-view-layout-item__item__tags{display:flex;gap:.675rem;flex-wrap:wrap}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__properties{display:flex;align-items:basline;gap:1.5rem .75rem;flex-wrap:wrap}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__properties .data-view-layout-item__item__property{color:var(--blockout__colours__surface--300);font-size:.75rem}

package/dist/assets/style26.css

@@ -1 +1 @@
-.component-card-number-control .component-base-control__control{display:flex;align-items:baseline}.component-card-number-control__card{height:1.5rem;width:auto;align-self:center;margin-right:var(--base-control__padding);border-radius:4px}
+.data-view-part-field__editable{position:relative;border-radius:var(--blockout__radius--xs);outline:.5rem solid transparent;cursor:pointer;width:fit-content;height:1.5rem;transition:background-color .15s ease,outline .15s ease}.data-view-part-field__editable:hover{background-color:var(--blockout__colours__surface--200);outline:.25rem solid var(--blockout__colours__surface--200)}.data-view-slot__item__parent{display:flex;gap:.675rem;align-items:center}.data-view-slot__item__parent__label{font-weight:400;font-size:.875rem;color:var(--blockout__colours__surface--950);background-color:var(--blockout__colours__surface--200);padding:.125rem .5rem;border-radius:var(--blockout__radius--xs);white-space:nowrap;flex-shrink:0;outline:.125rem solid var(--blockout__colours__surface--0)}.data-view-slot__item__parent__name,.data-view-slot__item__parent__name__link{min-width:0}.data-view-slot__item__children{display:flex;gap:.75rem}.data-view-slot__item__children>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem}.data-view-slot__item__children__list{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}

package/dist/assets/style27.css

@@ -1 +1 @@
-.component-recurrence-control .component-base-popover-control__popover{min-width:300px}.component-recurrence-control__row{display:flex;align-items:center;gap:1rem;flex-grow:1}.component-recurrence-control__row:not(:first-child){margin-top:1rem}.component-recurrence-control__row .component-base-control{flex-grow:1}.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:center;gap:1ch}.component-recurrence-control__frequency_type:not(:first-child){margin-top:1rem}.component-recurrence-control__frequency_type .component-recurrence-control__row{margin-top:0}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}
+.component-card-number-control .component-base-control__control{display:flex;align-items:baseline}.component-card-number-control__card{height:1.5rem;width:auto;align-self:center;margin-right:var(--base-control__padding);border-radius:4px}

package/dist/assets/style28.css

@@ -0,0 +1 @@
+.component-recurrence-control .component-base-popover-control__popover{min-width:300px}.component-recurrence-control__row{display:flex;align-items:center;gap:1rem;flex-grow:1}.component-recurrence-control__row:not(:first-child){margin-top:1rem}.component-recurrence-control__row .component-base-control{flex-grow:1}.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:center;gap:1ch}.component-recurrence-control__frequency_type:not(:first-child){margin-top:1rem}.component-recurrence-control__frequency_type .component-recurrence-control__row{margin-top:0}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}

package/dist/assets/styles5.css

@@ -1 +1 @@
-.component-toggle-group-control .component-base-control__box{background:none;border:none}.component-toggle-group-control__options{display:flex;overflow:hidden;border-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--100);padding:.25rem;gap:.25rem}.component-toggle-group-control__option{display:flex;justify-content:center;flex-direction:column;padding:calc(var(--base-control__padding) - .5rem) var(--base-control__padding);min-height:calc(var(--base-control__min-height) - .5rem);min-width:calc(var(--base-control__min-height) - .5rem);width:100%;color:var(--blockout__colours__surface--800);border-radius:calc(var(--blockout__radius--md) - .25rem);font-size:1rem;font-weight:500;flex-basis:50%;cursor:pointer;position:relative;transition:color .25s ease,background-color .25s ease;background-color:transparent;color:var(--blockout__colours__surface--500)}.component-toggle-group-control__option__label{display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem;font-weight:500}.component-toggle-group-control__option__label>svg{width:1.25rem;height:1.25rem}.component-toggle-group-control__option__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem}.component-toggle-group-control__option:has(:checked){background-color:var(--blockout__colours__surface--0);color:var(--blockout__colours__surface--950);z-index:2}.component-toggle-group-control__option:has(:disabled){background-color:var(--blockout__colours__surface--300);color:var(--blockout__colours__surface--500);cursor:default}.component-toggle-group-control__options:not(:has(.component-toggle-group-control__option__input:not(:disabled))){background-color:var(--blockout__colours__surface--300);border-color:var(--blockout__colours__surface--300);color:var(--blockout__colours__surface--500)}
+.component-toggle-group-control .component-base-control__box{background:none;border:none}.component-toggle-group-control__options{display:flex;overflow:hidden;border-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--100);padding:.25rem;gap:.25rem}.component-toggle-group-control__option{display:flex;justify-content:center;flex-direction:column;padding:calc(var(--base-control__padding) - .5rem) var(--base-control__padding);min-height:calc(var(--base-control__min-height) - .5rem);min-width:calc(var(--base-control__min-height) - .5rem);width:100%;color:var(--blockout__colours__surface--800);border-radius:calc(var(--blockout__radius--md) - .25rem);font-size:1rem;font-weight:500;flex-basis:50%;cursor:pointer;position:relative;transition:color .25s ease,background-color .25s ease;background-color:transparent;color:var(--blockout__colours__surface--500)}.component-toggle-group-control__option__label{display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem;font-weight:500}.component-toggle-group-control__option__label>svg{width:1.25rem;height:1.25rem;flex-shrink:0}.component-toggle-group-control__option__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem}.component-toggle-group-control__option:has(:checked){background-color:var(--blockout__colours__surface--0);color:var(--blockout__colours__surface--950);z-index:2}.component-toggle-group-control__option:has(:disabled){background-color:var(--blockout__colours__surface--300);color:var(--blockout__colours__surface--500);cursor:default}.component-toggle-group-control__options:not(:has(.component-toggle-group-control__option__input:not(:disabled))){background-color:var(--blockout__colours__surface--300);border-color:var(--blockout__colours__surface--300);color:var(--blockout__colours__surface--500)}

package/dist/components/controls/card-number-control/index.js

@@ -1,6 +1,6 @@
 import { jsxs as v, jsx as e } from "react/jsx-runtime";
 import { noop as u } from "../../../utils/noop.js";
-import { c as p } from "../../../style-C7eFpUVU.js";
+import { c as p } from "../../../style-CWAa57kN.js";
 import { useMemo as x } from "react";
 import { BaseControl as y } from "../base-control/index.js";
 import { useBaseControlProps as P } from "../base-control/props.js";

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

@@ -1,8 +1,8 @@
-import { jsxs as s, jsx as r, Fragment as k } from "react/jsx-runtime";
-import { Button as y } from "../../button/index.js";
-import { useSplitInput as j } from "../../../hooks/input.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { Button as k } from "../../button/index.js";
+import { useSplitInput as y } from "../../../hooks/input.js";
 import * as e from "react";
-import { useMemo as v } from "react";
+import { useMemo as v, Fragment as j } from "react";
 import { useTemporaryChange as I } from "../../../hooks/temporary.js";
 import '../../../assets/style11.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 M } from "../../../utils/noop.js";
@@ -63,7 +63,7 @@ const Z = (o, n) => o.edit ? n ? o.edit.map((l) => A(n, l)) : o.edit.map(() => "
   const { baseProps: n, controlProps: l } = $(o, {
     className: "component-date-control",
     directFocus: !1
-  }), { register: w } = j(), {
+  }), { register: w } = y(), {
     value: m,
     onChangeValue: H = M,
     allowEmpty: d,
@@ -96,29 +96,28 @@ const Z = (o, n) => o.edit ? n ? o.edit.map((l) => A(n, l)) : o.edit.map(() => "
     (t instanceof Date || d) && (H(t), u(Z(a, t)));
   };
   return /* @__PURE__ */ s(T, { ...n, children: [
-    (g = a.edit) == null ? void 0 : g.map((t, i, p) => /* @__PURE__ */ s(k, { children: [
+    (g = a.edit) == null ? void 0 : g.map((t, i, p) => /* @__PURE__ */ s(j, { children: [
       /* @__PURE__ */ r(
         z,
         {
           id: `${C}-${t}`,
-          ..._,
           component: t,
           value: f[i],
           onChangeValue: (V) => D(i, V),
           onBlur: N,
+          ..._,
           ...w(i)
-        },
-        t
+        }
       ),
       p.length - 1 !== i && /* @__PURE__ */ r("span", { className: "component-date-control__separator", children: "/" })
-    ] })),
+    ] }, t)),
     h && /* @__PURE__ */ r("span", { className: "component-date-control__view", children: h }),
     /* @__PURE__ */ s(c, { children: [
       /* @__PURE__ */ r(
         c.Target,
         {
           className: "component-date-control__picker__btn",
-          render: /* @__PURE__ */ r(y.Icon, { variant: "ghost", size: "small" }),
+          render: /* @__PURE__ */ r(k.Icon, { variant: "ghost", size: "small" }),
           children: /* @__PURE__ */ r(E, {})
         }
       ),

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

@@ -3,7 +3,7 @@ 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-DzV7-wks.js";
+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 { NumberControl as E } from "../number-control/index.js";

package/dist/components/data-view/data/filter.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import '../../../assets/styles3.css';import '../../../assets/style17.css';import '../../../assets/styles5.css';import '../../../assets/styles4.css';import '../../../assets/style16.css';import '../../../assets/style19.css';import '../../../assets/style15.css';import '../../../assets/style14.css';import '../../../assets/style13.css';import '../../../assets/prosemirror.css';import '../../../assets/style12.css';import '../../../assets/style11.css';import '../../../assets/style9.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';import '../../../assets/style8.css';import '../../../assets/styles2.css';/* empty css                       */
-import "../../../style-C7eFpUVU.js";
+import "../../../style-CWAa57kN.js";
 /* empty css                      */
 import "../../../types/options.js";
 /* empty css                      */
@@ -27,7 +27,7 @@ import "../../toolbar/index.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
-import "../../../style-DzV7-wks.js";
+import "../../../style-D1AX7G7x.js";
 /* empty css                      */
 import "../../controls/select-control/control.js";
 import "../../../match-sorter.esm-MNVE8H_6.js";
@@ -37,7 +37,7 @@ import "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
 import "../../controls/text-control/index.js";
 /* empty css                       */
-import { c as O, e as P, b as Q, i as R, a as S, n as T, s as U } from "../../../filter-rHYsh8Gq.js";
+import { c as O, e as P, b as Q, i as R, a as S, n as T, s as U } from "../../../filter-DHK0UoZG.js";
 export {
   O as contains,
   P as endsWith,

package/dist/components/data-view/data/layout.js

@@ -1,19 +1,22 @@
 import { Grid as t } from "../layouts/grid/index.js";
 import { Kanban as e } from "../layouts/kanban/index.js";
 import { List as o } from "../layouts/list/index.js";
-import { Table as n } from "../layouts/table/index.js";
-function c(r) {
+import { Table as i } from "../layouts/table/index.js";
+import { Tile as n } from "../layouts/tile/index.js";
+function u(r) {
   switch (r) {
     case "table":
-      return n;
+      return i;
     case "grid":
       return t;
     case "kanban":
       return e;
     case "list":
       return o;
+    case "tile":
+      return n;
   }
 }
 export {
-  c as getLayoutComponent
+  u as getLayoutComponent
 };