@frontify/guideline-blocks-settings 0.33.4 → 0.34.0

package/dist/settings/background.es.js

@@ -0,0 +1,22 @@
+import { BACKGROUND_COLOR_DEFAULT_VALUE as u } from "./defaultValues.es.js";
+const g = (l) => {
+  const a = l != null && l.id ? `hasBackground${l.id}` : "hasBackground", e = l != null && l.id ? `backgroundColor${l.id}` : "backgroundColor", d = l != null && l.preventDefaultColor ? void 0 : (l == null ? void 0 : l.defaultColor) || u, r = l != null && l.label ? l.label : "Background", c = l != null && l.switchLabel ? l.switchLabel : void 0;
+  return {
+    id: a,
+    label: r,
+    type: "switch",
+    switchLabel: c,
+    defaultValue: !!(l != null && l.defaultValue),
+    on: [
+      {
+        id: e,
+        defaultValue: d,
+        type: "colorInput"
+      }
+    ]
+  };
+};
+export {
+  g as getBackgroundSettings
+};
+//# sourceMappingURL=background.es.js.map

package/dist/settings/background.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.es.js","sources":["../../src/settings/background.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Color } from '@frontify/fondue';\nimport { BACKGROUND_COLOR_DEFAULT_VALUE } from './defaultValues';\nimport { SettingBlock } from '../';\n\ntype BackgroundSettingsType = {\n    id?: string;\n    defaultValue?: boolean;\n    defaultColor?: Color;\n    preventDefaultColor?: boolean;\n    switchLabel?: string;\n    label?: string;\n};\n\n/**\n * Returns background settings: background switch, background color\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.defaultValue Default value for the background switch\n * @param options.defaultColor Default value for the background color\n * @param options.preventDefaultColor Whether the background color should be empty by default\n * @param options.label Label for the background input\n * @param options.switchLabel Label for the background switch\n * @returns {SettingBlock} Returns background settings\n */\n\nexport const getBackgroundSettings = (options?: BackgroundSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasBackground${options.id}` : 'hasBackground';\n    const colorId = options?.id ? `backgroundColor${options.id}` : 'backgroundColor';\n    const defaultColor = !!options?.preventDefaultColor\n        ? undefined\n        : options?.defaultColor || BACKGROUND_COLOR_DEFAULT_VALUE;\n    const label = options?.label ? options.label : 'Background';\n    const switchLabel = options?.switchLabel ? options.switchLabel : undefined;\n\n    return {\n        id: hasId,\n        label,\n        type: 'switch',\n        switchLabel,\n        defaultValue: !!options?.defaultValue,\n        on: [\n            {\n                id: colorId,\n                defaultValue: defaultColor,\n                type: 'colorInput',\n            },\n        ],\n    };\n};\n"],"names":["getBackgroundSettings","options","hasId","colorId","defaultColor","BACKGROUND_COLOR_DEFAULT_VALUE","label","switchLabel"],"mappings":";AA4Ba,MAAAA,IAAwB,CAACC,MAAmD;AACrF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,EAAQ,EAAE,KAAK,iBACrDE,IAAUF,KAAA,QAAAA,EAAS,KAAK,kBAAkBA,EAAQ,EAAE,KAAK,mBACzDG,IAAiBH,KAAA,QAAAA,EAAS,sBAC1B,UACAA,KAAA,gBAAAA,EAAS,iBAAgBI,GACzBC,IAAQL,KAAA,QAAAA,EAAS,QAAQA,EAAQ,QAAQ,cACzCM,IAAcN,KAAA,QAAAA,EAAS,cAAcA,EAAQ,cAAc;AAE1D,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAAI;AAAA,IACA,MAAM;AAAA,IACN,aAAAC;AAAA,IACA,cAAc,CAAC,EAACN,KAAA,QAAAA,EAAS;AAAA,IACzB,IAAI;AAAA,MACA;AAAA,QACI,IAAIE;AAAA,QACJ,cAAcC;AAAA,QACd,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,EAAA;AAER;"}

package/dist/settings/border.es.js

@@ -0,0 +1,61 @@
+import "../styles.css.es.js";
+import { appendUnit as m, MultiInputLayout as f, numericalOrPixelRule as y, maximumNumericalOrPixelOrAutoRule as _ } from "@frontify/sidebar-settings";
+import { BORDER_COLOR_DEFAULT_VALUE as I, BORDER_WIDTH_DEFAULT_VALUE as D } from "./defaultValues.es.js";
+import { BorderStyle as l } from "./types.es.js";
+const O = (e) => {
+  const r = e != null && e.id ? `hasBorder_${e.id}` : "hasBorder", a = e != null && e.id ? `borderSelection_${e.id}` : "borderSelection", u = e != null && e.id ? `borderStyle_${e.id}` : "borderStyle", d = e != null && e.id ? `borderWidth_${e.id}` : "borderWidth", c = e != null && e.id ? `borderColor_${e.id}` : "borderColor", b = (e == null ? void 0 : e.defaultColor) || I, h = e != null && e.switchLabel ? e.switchLabel : void 0;
+  return {
+    id: r,
+    label: "Border",
+    type: "switch",
+    switchLabel: h,
+    defaultValue: !!(e != null && e.defaultValue),
+    on: [
+      {
+        id: a,
+        type: "multiInput",
+        onChange: (t) => m(t, d),
+        layout: f.Columns,
+        lastItemFullWidth: !0,
+        blocks: [
+          {
+            id: u,
+            type: "dropdown",
+            defaultValue: l.Solid,
+            choices: [
+              {
+                value: l.Solid,
+                label: l.Solid
+              },
+              {
+                value: l.Dotted,
+                label: l.Dotted
+              },
+              {
+                value: l.Dashed,
+                label: l.Dashed
+              }
+            ]
+          },
+          {
+            id: d,
+            type: "input",
+            defaultValue: D,
+            rules: [y, _(500)],
+            placeholder: "e.g. 3px"
+          },
+          {
+            id: c,
+            type: "colorInput",
+            defaultValue: b
+          }
+        ]
+      }
+    ],
+    off: []
+  };
+};
+export {
+  O as getBorderSettings
+};
+//# sourceMappingURL=border.es.js.map

package/dist/settings/border.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.es.js","sources":["../../src/settings/border.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    Color,\n    MultiInputLayout,\n    SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n} from '../';\nimport { BORDER_COLOR_DEFAULT_VALUE, BORDER_WIDTH_DEFAULT_VALUE } from './defaultValues';\nimport { BorderStyle } from './types';\n\n/**\n * Returns border settings: border switch, border style, border width, border color\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.switchLabel Label for the border switch\n * @param options.defaultValue Default value for the border switch\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderSettingsType = {\n    id?: string;\n    defaultValue?: boolean;\n    defaultColor?: Color;\n    switchLabel?: string;\n};\n\nexport const getBorderSettings = (options?: BorderSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasBorder_${options.id}` : 'hasBorder';\n    const selectionId = options?.id ? `borderSelection_${options.id}` : 'borderSelection';\n    const styleId = options?.id ? `borderStyle_${options.id}` : 'borderStyle';\n    const widthId = options?.id ? `borderWidth_${options.id}` : 'borderWidth';\n    const colorId = options?.id ? `borderColor_${options.id}` : 'borderColor';\n    const defaultColor = options?.defaultColor || BORDER_COLOR_DEFAULT_VALUE;\n    const switchLabel = options?.switchLabel ? options.switchLabel : undefined;\n\n    return {\n        id: hasId,\n        label: 'Border',\n        type: 'switch',\n        switchLabel,\n        defaultValue: !!options?.defaultValue,\n        on: [\n            {\n                id: selectionId,\n                type: 'multiInput',\n                onChange: (bundle) => appendUnit(bundle, widthId),\n                layout: MultiInputLayout.Columns,\n                lastItemFullWidth: true,\n                blocks: [\n                    {\n                        id: styleId,\n                        type: 'dropdown',\n                        defaultValue: BorderStyle.Solid,\n                        choices: [\n                            {\n                                value: BorderStyle.Solid,\n                                label: BorderStyle.Solid,\n                            },\n                            {\n                                value: BorderStyle.Dotted,\n                                label: BorderStyle.Dotted,\n                            },\n                            {\n                                value: BorderStyle.Dashed,\n                                label: BorderStyle.Dashed,\n                            },\n                        ],\n                    },\n                    {\n                        id: widthId,\n                        type: 'input',\n                        defaultValue: BORDER_WIDTH_DEFAULT_VALUE,\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                        placeholder: 'e.g. 3px',\n                    },\n                    {\n                        id: colorId,\n                        type: 'colorInput',\n                        defaultValue: defaultColor,\n                    },\n                ],\n            },\n        ],\n        off: [],\n    };\n};\n"],"names":["getBorderSettings","options","hasId","selectionId","styleId","widthId","colorId","defaultColor","BORDER_COLOR_DEFAULT_VALUE","switchLabel","bundle","appendUnit","MultiInputLayout","BorderStyle","BORDER_WIDTH_DEFAULT_VALUE","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule"],"mappings":";;;;AA8Ba,MAAAA,IAAoB,CAACC,MAA+C;AAC7E,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,aAAaA,EAAQ,EAAE,KAAK,aAClDE,IAAcF,KAAA,QAAAA,EAAS,KAAK,mBAAmBA,EAAQ,EAAE,KAAK,mBAC9DG,IAAUH,KAAA,QAAAA,EAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDI,IAAUJ,KAAA,QAAAA,EAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDK,IAAUL,KAAA,QAAAA,EAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDM,KAAeN,KAAA,gBAAAA,EAAS,iBAAgBO,GACxCC,IAAcR,KAAA,QAAAA,EAAS,cAAcA,EAAQ,cAAc;AAE1D,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAAO;AAAA,IACA,cAAc,CAAC,EAACR,KAAA,QAAAA,EAAS;AAAA,IACzB,IAAI;AAAA,MACA;AAAA,QACI,IAAIE;AAAA,QACJ,MAAM;AAAA,QACN,UAAU,CAACO,MAAWC,EAAWD,GAAQL,CAAO;AAAA,QAChD,QAAQO,EAAiB;AAAA,QACzB,mBAAmB;AAAA,QACnB,QAAQ;AAAA,UACJ;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,cAAcS,EAAY;AAAA,YAC1B,SAAS;AAAA,cACL;AAAA,gBACI,OAAOA,EAAY;AAAA,gBACnB,OAAOA,EAAY;AAAA,cACvB;AAAA,cACA;AAAA,gBACI,OAAOA,EAAY;AAAA,gBACnB,OAAOA,EAAY;AAAA,cACvB;AAAA,cACA;AAAA,gBACI,OAAOA,EAAY;AAAA,gBACnB,OAAOA,EAAY;AAAA,cACvB;AAAA,YACJ;AAAA,UACJ;AAAA,UACA;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,cAAcS;AAAA,YACd,OAAO,CAACC,GAAsBC,EAAkC,GAAG,CAAC;AAAA,YACpE,aAAa;AAAA,UACjB;AAAA,UACA;AAAA,YACI,IAAIV;AAAA,YACJ,MAAM;AAAA,YACN,cAAcC;AAAA,UAClB;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,KAAK,CAAC;AAAA,EAAA;AAEd;"}

package/dist/settings/borderRadius.es.js

@@ -0,0 +1,56 @@
+import "../styles.css.es.js";
+import { presetCustomValue as g, numericalOrPixelRule as m, appendUnit as f } from "@frontify/sidebar-settings";
+import { Radius as a, radiusStyleMap as i } from "./types.es.js";
+const t = (e, l = a.None) => ({
+  id: e,
+  type: "segmentedControls",
+  defaultValue: l,
+  choices: [
+    {
+      value: a.None,
+      label: "None"
+    },
+    {
+      value: a.Small,
+      label: "S"
+    },
+    {
+      value: a.Medium,
+      label: "M"
+    },
+    {
+      value: a.Large,
+      label: "L"
+    }
+  ]
+}), b = (e) => {
+  const l = e != null && e.id ? `hasRadius_${e.id}` : "hasRadius", u = e != null && e.id ? `radiusValue_${e.id}` : "radiusValue", r = e != null && e.id ? `radiusChoice_${e.id}` : "radiusChoice", h = (e == null ? void 0 : e.defaultRadius) || a.None;
+  return {
+    id: l,
+    label: "Corner radius",
+    type: "switch",
+    switchLabel: "Custom",
+    defaultValue: !1,
+    info: "Determining how rounded the corners are.",
+    show: (d) => {
+      var c;
+      return e != null && e.dependentSettingId ? !!((c = d.getBlock(e.dependentSettingId)) != null && c.value) : !0;
+    },
+    onChange: (d) => g(d, r, u, (e == null ? void 0 : e.radiusStyleMap) || i),
+    on: [
+      {
+        id: u,
+        type: "input",
+        placeholder: "e.g. 10px",
+        rules: [m],
+        onChange: (d) => f(d, u)
+      }
+    ],
+    off: [t(r, h)]
+  };
+};
+export {
+  b as getBorderRadiusSettings,
+  t as getBorderRadiusSlider
+};
+//# sourceMappingURL=borderRadius.es.js.map

package/dist/settings/borderRadius.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRadius.es.js","sources":["../../src/settings/borderRadius.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } from '../';\n\nimport { Radius, radiusStyleMap } from './types';\n\n/**\n * Returns border radius settings: border radius switch, radius slider, custom radius input\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.dependentSettingId Id of setting which the border radius is dependent on\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderRadiusSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    radiusStyleMap?: Record<Radius, string>;\n    defaultRadius?: Radius;\n};\n\nexport const getBorderRadiusSlider = (id: string, defaultValue: Radius = Radius.None): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue,\n    choices: [\n        {\n            value: Radius.None,\n            label: 'None',\n        },\n        {\n            value: Radius.Small,\n            label: 'S',\n        },\n        {\n            value: Radius.Medium,\n            label: 'M',\n        },\n        {\n            value: Radius.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getBorderRadiusSettings = (options?: BorderRadiusSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasRadius_${options.id}` : 'hasRadius';\n    const valueId = options?.id ? `radiusValue_${options.id}` : 'radiusValue';\n    const choiceId = options?.id ? `radiusChoice_${options.id}` : 'radiusChoice';\n    const defaultValue = options?.defaultRadius || Radius.None;\n\n    return {\n        id: hasId,\n        label: 'Corner radius',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'Determining how rounded the corners are.',\n        show: (bundle) => (options?.dependentSettingId ? !!bundle.getBlock(options.dependentSettingId)?.value : true),\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.radiusStyleMap || radiusStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: 'e.g. 10px',\n                rules: [numericalOrPixelRule],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getBorderRadiusSlider(choiceId, defaultValue)],\n    };\n};\n"],"names":["getBorderRadiusSlider","id","defaultValue","Radius","getBorderRadiusSettings","options","hasId","valueId","choiceId","bundle","_a","presetCustomValue","radiusStyleMap","numericalOrPixelRule","appendUnit"],"mappings":";;;AAsBO,MAAMA,IAAwB,CAACC,GAAYC,IAAuBC,EAAO,UAAwB;AAAA,EACpG,IAAAF;AAAA,EACA,MAAM;AAAA,EACN,cAAAC;AAAA,EACA,SAAS;AAAA,IACL;AAAA,MACI,OAAOC,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,EACJ;AACJ,IAEaC,IAA0B,CAACC,MAAqD;AACzF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,aAAaA,EAAQ,EAAE,KAAK,aAClDE,IAAUF,KAAA,QAAAA,EAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDG,IAAWH,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,EAAQ,EAAE,KAAK,gBACxDH,KAAeG,KAAA,gBAAAA,EAAS,kBAAiBF,EAAO;AAE/C,SAAA;AAAA,IACH,IAAIG;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAACG;;AAAY,aAAAJ,KAAA,QAAAA,EAAS,qBAAqB,CAAC,GAACK,IAAAD,EAAO,SAASJ,EAAQ,kBAAkB,MAA1C,QAAAK,EAA6C,SAAQ;AAAA;AAAA,IACxG,UAAU,CAACD,MAAWE,EAAkBF,GAAQD,GAAUD,IAASF,KAAA,gBAAAA,EAAS,mBAAkBO,CAAc;AAAA,IAC5G,IAAI;AAAA,MACA;AAAA,QACI,IAAIL;AAAA,QACJ,MAAM;AAAA,QACN,aAAa;AAAA,QACb,OAAO,CAACM,CAAoB;AAAA,QAC5B,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAO;AAAA,MACpD;AAAA,IACJ;AAAA,IACA,KAAK,CAACP,EAAsBQ,GAAUN,CAAY,CAAC;AAAA,EAAA;AAE3D;"}

package/dist/settings/borderRadiusExtended.es.js

@@ -0,0 +1,64 @@
+import "../styles.css.es.js";
+import { presetCustomValue as a, MultiInputLayout as x, numericalOrPixelRule as u, appendUnit as l } from "@frontify/sidebar-settings";
+import { getBorderRadiusSlider as C } from "./borderRadius.es.js";
+import { radiusStyleMap as r } from "./types.es.js";
+const _ = (e) => {
+  const c = e != null && e.id ? `hasExtendedCustomRadius_${e.id}` : "hasExtendedCustomRadius", f = e != null && e.id ? `extendedRadiusValue_${e.id}` : "extendedRadiusValue", t = e != null && e.id ? `extendedRadiusChoice_${e.id}` : "extendedRadiusChoice", R = e != null && e.id ? `extendedRadiusTopLeft_${e.id}` : "extendedRadiusTopLeft", h = e != null && e.id ? `extendedRadiusTopRight_${e.id}` : "extendedRadiusTopRight", m = e != null && e.id ? `extendedRadiusBottomLeft_${e.id}` : "extendedRadiusBottomLeft", g = e != null && e.id ? `extendedRadiusBottomRight_${e.id}` : "extendedRadiusBottomRight";
+  return {
+    id: c,
+    label: "Corner radius",
+    type: "switch",
+    switchLabel: "Custom",
+    defaultValue: !1,
+    info: "Determining how rounded the corners are.",
+    show: (d) => {
+      var i;
+      return e != null && e.dependentSettingId ? !!((i = d.getBlock(e.dependentSettingId)) != null && i.value) : !0;
+    },
+    onChange: (d) => {
+      a(d, t, R, r), a(d, t, h, r), a(d, t, m, r), a(d, t, g, r);
+    },
+    on: [
+      {
+        id: f,
+        type: "multiInput",
+        layout: x.Columns,
+        blocks: [
+          {
+            id: R,
+            type: "input",
+            label: "Top Left",
+            rules: [u],
+            onChange: (d) => l(d, R)
+          },
+          {
+            id: h,
+            type: "input",
+            label: "Top Right",
+            rules: [u],
+            onChange: (d) => l(d, h)
+          },
+          {
+            id: m,
+            type: "input",
+            label: "Bottom Left",
+            rules: [u],
+            onChange: (d) => l(d, m)
+          },
+          {
+            id: g,
+            type: "input",
+            label: "Bottom Right",
+            rules: [u],
+            onChange: (d) => l(d, g)
+          }
+        ]
+      }
+    ],
+    off: [C(t, e == null ? void 0 : e.defaultValue)]
+  };
+};
+export {
+  _ as getExtendedBorderRadiusSettings
+};
+//# sourceMappingURL=borderRadiusExtended.es.js.map

package/dist/settings/borderRadiusExtended.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRadiusExtended.es.js","sources":["../../src/settings/borderRadiusExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MultiInputLayout, SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } from '../';\nimport { getBorderRadiusSlider } from './borderRadius';\nimport { Radius, radiusStyleMap } from './types';\n\n/**\n * Returns border radius settings: border radius switch, radius slider, custom radius inputs for every corner\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.dependentSettingId Id of setting which the border radius is dependent on\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderRadiusSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    defaultValue?: Radius;\n};\n\nexport const getExtendedBorderRadiusSettings = (options?: BorderRadiusSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomRadius_${options.id}` : 'hasExtendedCustomRadius';\n    const valueId = options?.id ? `extendedRadiusValue_${options.id}` : 'extendedRadiusValue';\n    const choiceId = options?.id ? `extendedRadiusChoice_${options.id}` : 'extendedRadiusChoice';\n    const topLeftId = options?.id ? `extendedRadiusTopLeft_${options.id}` : 'extendedRadiusTopLeft';\n    const topRightId = options?.id ? `extendedRadiusTopRight_${options.id}` : 'extendedRadiusTopRight';\n    const bottomLeftId = options?.id ? `extendedRadiusBottomLeft_${options.id}` : 'extendedRadiusBottomLeft';\n    const bottomRightId = options?.id ? `extendedRadiusBottomRight_${options.id}` : 'extendedRadiusBottomRight';\n\n    return {\n        id: hasId,\n        label: 'Corner radius',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'Determining how rounded the corners are.',\n        show: (bundle) => (options?.dependentSettingId ? !!bundle.getBlock(options.dependentSettingId)?.value : true),\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topLeftId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, topRightId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, bottomLeftId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, bottomRightId, radiusStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Columns,\n                blocks: [\n                    {\n                        id: topLeftId,\n                        type: 'input',\n                        label: 'Top Left',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, topLeftId),\n                    },\n                    {\n                        id: topRightId,\n                        type: 'input',\n                        label: 'Top Right',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, topRightId),\n                    },\n                    {\n                        id: bottomLeftId,\n                        type: 'input',\n                        label: 'Bottom Left',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, bottomLeftId),\n                    },\n                    {\n                        id: bottomRightId,\n                        type: 'input',\n                        label: 'Bottom Right',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, bottomRightId),\n                    },\n                ],\n            },\n        ],\n        off: [getBorderRadiusSlider(choiceId, options?.defaultValue)],\n    };\n};\n"],"names":["getExtendedBorderRadiusSettings","options","hasId","valueId","choiceId","topLeftId","topRightId","bottomLeftId","bottomRightId","bundle","_a","presetCustomValue","radiusStyleMap","MultiInputLayout","numericalOrPixelRule","appendUnit","getBorderRadiusSlider"],"mappings":";;;;AAqBa,MAAAA,IAAkC,CAACC,MAAqD;AACjG,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,2BAA2BA,EAAQ,EAAE,KAAK,2BAChEE,IAAUF,KAAA,QAAAA,EAAS,KAAK,uBAAuBA,EAAQ,EAAE,KAAK,uBAC9DG,IAAWH,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,EAAQ,EAAE,KAAK,wBAChEI,IAAYJ,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,EAAQ,EAAE,KAAK,yBAClEK,IAAaL,KAAA,QAAAA,EAAS,KAAK,0BAA0BA,EAAQ,EAAE,KAAK,0BACpEM,IAAeN,KAAA,QAAAA,EAAS,KAAK,4BAA4BA,EAAQ,EAAE,KAAK,4BACxEO,IAAgBP,KAAA,QAAAA,EAAS,KAAK,6BAA6BA,EAAQ,EAAE,KAAK;AAEzE,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAACO;;AAAY,aAAAR,KAAA,QAAAA,EAAS,qBAAqB,CAAC,GAACS,IAAAD,EAAO,SAASR,EAAQ,kBAAkB,MAA1C,QAAAS,EAA6C,SAAQ;AAAA;AAAA,IACxG,UAAU,CAACD,MAAW;AACA,MAAAE,EAAAF,GAAQL,GAAUC,GAAWO,CAAc,GAC3CD,EAAAF,GAAQL,GAAUE,GAAYM,CAAc,GAC5CD,EAAAF,GAAQL,GAAUG,GAAcK,CAAc,GAC9CD,EAAAF,GAAQL,GAAUI,GAAeI,CAAc;AAAA,IACrE;AAAA,IACA,IAAI;AAAA,MACA;AAAA,QACI,IAAIT;AAAA,QACJ,MAAM;AAAA,QACN,QAAQU,EAAiB;AAAA,QACzB,QAAQ;AAAA,UACJ;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACS,CAAoB;AAAA,YAC5B,UAAU,CAACL,MAAWM,EAAWN,GAAQJ,CAAS;AAAA,UACtD;AAAA,UACA;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACQ,CAAoB;AAAA,YAC5B,UAAU,CAACL,MAAWM,EAAWN,GAAQH,CAAU;AAAA,UACvD;AAAA,UACA;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACO,CAAoB;AAAA,YAC5B,UAAU,CAACL,MAAWM,EAAWN,GAAQF,CAAY;AAAA,UACzD;AAAA,UACA;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACM,CAAoB;AAAA,YAC5B,UAAU,CAACL,MAAWM,EAAWN,GAAQD,CAAa;AAAA,UAC1D;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,KAAK,CAACQ,EAAsBZ,GAAUH,KAAA,gBAAAA,EAAS,YAAY,CAAC;AAAA,EAAA;AAEpE;"}

package/dist/settings/defaultValues.es.js

@@ -0,0 +1,19 @@
+const E = {
+  red: 241,
+  green: 241,
+  blue: 241,
+  alpha: 1
+}, L = {
+  red: 234,
+  green: 235,
+  blue: 235,
+  alpha: 1
+}, A = "1px", D = "24px", _ = "24px";
+export {
+  E as BACKGROUND_COLOR_DEFAULT_VALUE,
+  L as BORDER_COLOR_DEFAULT_VALUE,
+  A as BORDER_WIDTH_DEFAULT_VALUE,
+  _ as MARGIN_DEFAULT_PLACEHOLDER,
+  D as PADDING_DEFAULT_PLACEHOLDER
+};
+//# sourceMappingURL=defaultValues.es.js.map

package/dist/settings/defaultValues.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultValues.es.js","sources":["../../src/settings/defaultValues.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const BACKGROUND_COLOR_DEFAULT_VALUE = {\n    red: 241,\n    green: 241,\n    blue: 241,\n    alpha: 1,\n};\n\nexport const BORDER_COLOR_DEFAULT_VALUE = {\n    red: 234,\n    green: 235,\n    blue: 235,\n    alpha: 1,\n};\n\nexport const BORDER_WIDTH_DEFAULT_VALUE = '1px';\n\nexport const PADDING_DEFAULT_PLACEHOLDER = '24px';\n\nexport const MARGIN_DEFAULT_PLACEHOLDER = '24px';\n"],"names":["BACKGROUND_COLOR_DEFAULT_VALUE","BORDER_COLOR_DEFAULT_VALUE","BORDER_WIDTH_DEFAULT_VALUE","PADDING_DEFAULT_PLACEHOLDER","MARGIN_DEFAULT_PLACEHOLDER"],"mappings":"AAEO,MAAMA,IAAiC;AAAA,EAC1C,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACX,GAEaC,IAA6B;AAAA,EACtC,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACX,GAEaC,IAA6B,OAE7BC,IAA8B,QAE9BC,IAA6B;"}

package/dist/settings/gutter.es.js

@@ -0,0 +1,56 @@
+import "../styles.css.es.js";
+import { presetCustomValue as C, numericalOrPixelRule as m, appendUnit as f } from "@frontify/sidebar-settings";
+import { GutterSpacing as l, gutterSpacingStyleMap as h } from "./types.es.js";
+const I = (e) => {
+  const t = e != null && e.id ? e.id : "hasCustomSpacing", g = e != null && e.dependentSettingId ? e.dependentSettingId : "columns", c = e != null && e.spacingChoiceId ? e.spacingChoiceId : "spacingChoice", u = e != null && e.spacingCustomId ? e.spacingCustomId : "spacingCustom", r = e != null && e.defaultValueChoices ? e.defaultValueChoices : l.M;
+  return {
+    id: t,
+    type: "switch",
+    defaultValue: !1,
+    switchLabel: "Custom",
+    label: "Gutter",
+    info: "An official nerds term for ‘gap’",
+    onChange: (a) => C(a, c, u, h),
+    show: (a) => {
+      var d;
+      return ((d = a.getBlock(g)) == null ? void 0 : d.value) !== "1";
+    },
+    on: [
+      {
+        id: u,
+        type: "input",
+        rules: [m],
+        onChange: (a) => f(a, u)
+      }
+    ],
+    off: [
+      {
+        id: c,
+        type: "slider",
+        defaultValue: r,
+        choices: [
+          {
+            value: l.Auto,
+            label: "Auto"
+          },
+          {
+            value: l.S,
+            label: "S"
+          },
+          {
+            value: l.M,
+            label: "M"
+          },
+          {
+            value: l.L,
+            label: "L"
+          }
+        ]
+      }
+    ]
+  };
+};
+export {
+  I as getGutterSettings
+};
+//# sourceMappingURL=gutter.es.js.map

package/dist/settings/gutter.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter.es.js","sources":["../../src/settings/gutter.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } from '../';\nimport { GutterSpacing, gutterSpacingStyleMap } from './types';\n\n/**\n * Returns gutter settings: gutter switch, gutter choices or gutter custom input\n *\n * @param options Options for the settings\n * @param options.id Custom id for the gutters switch\n * @param options.dependentSettingId Id of the dependent setting\n * @param options.spacingChoiceId Id of the spacing choice\n * @param options.defaultValueChoices Default value for the spacing choice\n * @returns {SettingBlock} Returns the gutter settings\n */\n\ntype GutterSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    spacingChoiceId?: string;\n    spacingCustomId?: string;\n    defaultValueChoices?: GutterSpacing;\n};\n\nexport const getGutterSettings = (options?: GutterSettingsType): SettingBlock => {\n    const id = options?.id ? options.id : 'hasCustomSpacing';\n    const dependentSettingId = options?.dependentSettingId ? options.dependentSettingId : 'columns';\n    const spacingChoiceId = options?.spacingChoiceId ? options.spacingChoiceId : 'spacingChoice';\n    const spacingCustomId = options?.spacingCustomId ? options.spacingCustomId : 'spacingCustom';\n    const defaultValueChoices = options?.defaultValueChoices ? options.defaultValueChoices : GutterSpacing.M;\n\n    return {\n        id,\n        type: 'switch',\n        defaultValue: false,\n        switchLabel: 'Custom',\n        label: 'Gutter',\n        info: 'An official nerds term for ‘gap’',\n        onChange: (bundle) => presetCustomValue(bundle, spacingChoiceId, spacingCustomId, gutterSpacingStyleMap),\n        show: (bundle) => bundle.getBlock(dependentSettingId)?.value !== '1',\n        on: [\n            {\n                id: spacingCustomId,\n                type: 'input',\n                rules: [numericalOrPixelRule],\n                onChange: (bundle) => appendUnit(bundle, spacingCustomId),\n            },\n        ],\n        off: [\n            {\n                id: spacingChoiceId,\n                type: 'slider',\n                defaultValue: defaultValueChoices,\n                choices: [\n                    {\n                        value: GutterSpacing.Auto,\n                        label: 'Auto',\n                    },\n                    {\n                        value: GutterSpacing.S,\n                        label: 'S',\n                    },\n                    {\n                        value: GutterSpacing.M,\n                        label: 'M',\n                    },\n                    {\n                        value: GutterSpacing.L,\n                        label: 'L',\n                    },\n                ],\n            },\n        ],\n    };\n};\n"],"names":["getGutterSettings","options","id","dependentSettingId","spacingChoiceId","spacingCustomId","defaultValueChoices","GutterSpacing","bundle","presetCustomValue","gutterSpacingStyleMap","_a","numericalOrPixelRule","appendUnit"],"mappings":";;;AAwBa,MAAAA,IAAoB,CAACC,MAA+C;AAC7E,QAAMC,IAAKD,KAAA,QAAAA,EAAS,KAAKA,EAAQ,KAAK,oBAChCE,IAAqBF,KAAA,QAAAA,EAAS,qBAAqBA,EAAQ,qBAAqB,WAChFG,IAAkBH,KAAA,QAAAA,EAAS,kBAAkBA,EAAQ,kBAAkB,iBACvEI,IAAkBJ,KAAA,QAAAA,EAAS,kBAAkBA,EAAQ,kBAAkB,iBACvEK,IAAsBL,KAAA,QAAAA,EAAS,sBAAsBA,EAAQ,sBAAsBM,EAAc;AAEhG,SAAA;AAAA,IACH,IAAAL;AAAA,IACA,MAAM;AAAA,IACN,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU,CAACM,MAAWC,EAAkBD,GAAQJ,GAAiBC,GAAiBK,CAAqB;AAAA,IACvG,MAAM,CAACF;;AAAW,eAAAG,IAAAH,EAAO,SAASL,CAAkB,MAAlC,gBAAAQ,EAAqC,WAAU;AAAA;AAAA,IACjE,IAAI;AAAA,MACA;AAAA,QACI,IAAIN;AAAA,QACJ,MAAM;AAAA,QACN,OAAO,CAACO,CAAoB;AAAA,QAC5B,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAe;AAAA,MAC5D;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,MACD;AAAA,QACI,IAAID;AAAA,QACJ,MAAM;AAAA,QACN,cAAcE;AAAA,QACd,SAAS;AAAA,UACL;AAAA,YACI,OAAOC,EAAc;AAAA,YACrB,OAAO;AAAA,UACX;AAAA,UACA;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UACX;AAAA,UACA;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UACX;AAAA,UACA;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UACX;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EAAA;AAER;"}

package/dist/settings/margin.es.js

@@ -0,0 +1,53 @@
+import "../styles.css.es.js";
+import { presetCustomValue as g, numericalOrPixelRule as c, maximumNumericalOrPixelOrAutoRule as d, appendUnit as h } from "@frontify/sidebar-settings";
+import { MARGIN_DEFAULT_PLACEHOLDER as M } from "./defaultValues.es.js";
+import { Margin as a, marginStyleMap as C } from "./types.es.js";
+const f = (e) => ({
+  id: e,
+  type: "segmentedControls",
+  defaultValue: a.None,
+  choices: [
+    {
+      value: a.None,
+      label: "None"
+    },
+    {
+      value: a.Small,
+      label: "S"
+    },
+    {
+      value: a.Medium,
+      label: "M"
+    },
+    {
+      value: a.Large,
+      label: "L"
+    }
+  ]
+}), S = (e) => {
+  const m = e != null && e.id ? `hasCustomMarginValue_${e == null ? void 0 : e.id}` : "hasCustomMarginValue", l = e != null && e.id ? `marginValue_${e == null ? void 0 : e.id}` : "marginValue", u = e != null && e.id ? `marginChoice_${e == null ? void 0 : e.id}` : "marginChoice";
+  return {
+    id: m,
+    label: "Margin",
+    type: "switch",
+    switchLabel: "Custom",
+    defaultValue: !1,
+    info: "The spacing around UI elements to create more space",
+    onChange: (r) => g(r, u, l, (e == null ? void 0 : e.marginStyleMap) || C),
+    on: [
+      {
+        id: l,
+        type: "input",
+        placeholder: M,
+        rules: [c, d(500)],
+        onChange: (r) => h(r, l)
+      }
+    ],
+    off: [f(u)]
+  };
+};
+export {
+  S as getMarginSettings,
+  f as getMarginSlider
+};
+//# sourceMappingURL=margin.es.js.map

package/dist/settings/margin.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.es.js","sources":["../../src/settings/margin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\nimport { MARGIN_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { Margin, marginStyleMap } from './types';\n\ntype MarginSettingsType = {\n    id?: string;\n    marginStyleMap?: Record<Margin, string>;\n};\n\n/**\n * Returns margin settings: margin switch, margin slider, custom margin input\n *\n * @param {string} id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns margin settings\n */\nexport const getMarginSlider = (id: string): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue: Margin.None,\n    choices: [\n        {\n            value: Margin.None,\n            label: 'None',\n        },\n        {\n            value: Margin.Small,\n            label: 'S',\n        },\n        {\n            value: Margin.Medium,\n            label: 'M',\n        },\n        {\n            value: Margin.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getMarginSettings = (options?: MarginSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasCustomMarginValue_${options?.id}` : 'hasCustomMarginValue';\n    const valueId = options?.id ? `marginValue_${options?.id}` : 'marginValue';\n    const choiceId = options?.id ? `marginChoice_${options?.id}` : 'marginChoice';\n\n    return {\n        id: hasId,\n        label: 'Margin',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more space',\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.marginStyleMap || marginStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getMarginSlider(choiceId)],\n    };\n};\n"],"names":["getMarginSlider","id","Margin","getMarginSettings","options","hasId","valueId","choiceId","bundle","presetCustomValue","marginStyleMap","MARGIN_DEFAULT_PLACEHOLDER","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","appendUnit"],"mappings":";;;;AAuBa,MAAAA,IAAkB,CAACC,OAA8B;AAAA,EAC1D,IAAAA;AAAA,EACA,MAAM;AAAA,EACN,cAAcC,EAAO;AAAA,EACrB,SAAS;AAAA,IACL;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,EACJ;AACJ,IAEaC,IAAoB,CAACC,MAA+C;AAC7E,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBAC9DE,IAAUF,KAAA,QAAAA,EAAS,KAAK,eAAeA,KAAA,gBAAAA,EAAS,EAAE,KAAK,eACvDG,IAAWH,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAExD,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACG,MAAWC,EAAkBD,GAAQD,GAAUD,IAASF,KAAA,gBAAAA,EAAS,mBAAkBM,CAAc;AAAA,IAC5G,IAAI;AAAA,MACA;AAAA,QACI,IAAIJ;AAAA,QACJ,MAAM;AAAA,QACN,aAAaK;AAAA,QACb,OAAO,CAACC,GAAsBC,EAAkC,GAAG,CAAC;AAAA,QACpE,UAAU,CAACL,MAAWM,EAAWN,GAAQF,CAAO;AAAA,MACpD;AAAA,IACJ;AAAA,IACA,KAAK,CAACN,EAAgBO,CAAQ,CAAC;AAAA,EAAA;AAEvC;"}

package/dist/settings/marginExtended.es.js

@@ -0,0 +1,65 @@
+import "../styles.css.es.js";
+import { presetCustomValue as r, MultiInputLayout as I, appendUnit as l, numericalOrPixelRule as g, maximumNumericalOrPixelOrAutoRule as u } from "@frontify/sidebar-settings";
+import { MARGIN_DEFAULT_PLACEHOLDER as m } from "./defaultValues.es.js";
+import { getMarginSlider as y } from "./margin.es.js";
+import { marginStyleMap as c } from "./types.es.js";
+const b = (e) => {
+  const t = e != null && e.id ? `hasExtendedCustomMargin_${e == null ? void 0 : e.id}` : "hasExtendedCustomMargin", C = e != null && e.id ? `extendedMarginValues_${e == null ? void 0 : e.id}` : "extendedMarginValues", a = e != null && e.id ? `extendedMarginChoice_${e == null ? void 0 : e.id}` : "extendedMarginChoice", h = e != null && e.id ? `extendedMarginTop_${e == null ? void 0 : e.id}` : "extendedMarginTop", M = e != null && e.id ? `extendedMarginLeft_${e == null ? void 0 : e.id}` : "extendedMarginLeft", x = e != null && e.id ? `extendedMarginRight_${e == null ? void 0 : e.id}` : "extendedMarginRight", f = e != null && e.id ? `extendedMarginBottom_${e == null ? void 0 : e.id}` : "extendedMarginBottom";
+  return {
+    id: t,
+    label: "Margin",
+    type: "switch",
+    switchLabel: "Custom",
+    defaultValue: !1,
+    info: "The spacing around UI elements to create more negative space",
+    onChange: (d) => {
+      r(d, a, h, c), r(d, a, M, c), r(d, a, x, c), r(d, a, f, c);
+    },
+    on: [
+      {
+        id: C,
+        type: "multiInput",
+        layout: I.Spider,
+        blocks: [
+          {
+            id: h,
+            type: "input",
+            label: "Top",
+            placeholder: m,
+            onChange: (d) => l(d, h),
+            rules: [g, u(500)]
+          },
+          {
+            id: M,
+            type: "input",
+            label: "Left",
+            placeholder: m,
+            onChange: (d) => l(d, M),
+            rules: [g, u(500)]
+          },
+          {
+            id: x,
+            type: "input",
+            label: "Right",
+            placeholder: m,
+            onChange: (d) => l(d, x),
+            rules: [g, u(500)]
+          },
+          {
+            id: f,
+            type: "input",
+            label: "Bottom",
+            placeholder: m,
+            onChange: (d) => l(d, f),
+            rules: [g, u(500)]
+          }
+        ]
+      }
+    ],
+    off: [y(a)]
+  };
+};
+export {
+  b as getMarginExtendedSettings
+};
+//# sourceMappingURL=marginExtended.es.js.map

package/dist/settings/marginExtended.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginExtended.es.js","sources":["../../src/settings/marginExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MultiInputLayout,\n    SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\nimport { MARGIN_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { getMarginSlider } from './margin';\nimport { marginStyleMap } from './types';\n\ntype MarginSettingsType = {\n    id?: string;\n};\n\n/**\n * Returns margin settings: margin switch, margin slider, custom margin input for every direction\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns margin settings\n */\nexport const getMarginExtendedSettings = (options?: MarginSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomMargin_${options?.id}` : 'hasExtendedCustomMargin';\n    const valueId = options?.id ? `extendedMarginValues_${options?.id}` : 'extendedMarginValues';\n    const choiceId = options?.id ? `extendedMarginChoice_${options?.id}` : 'extendedMarginChoice';\n    const topId = options?.id ? `extendedMarginTop_${options?.id}` : 'extendedMarginTop';\n    const leftId = options?.id ? `extendedMarginLeft_${options?.id}` : 'extendedMarginLeft';\n    const rightId = options?.id ? `extendedMarginRight_${options?.id}` : 'extendedMarginRight';\n    const bottomId = options?.id ? `extendedMarginBottom_${options?.id}` : 'extendedMarginBottom';\n\n    return {\n        id: hasId,\n        label: 'Margin',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more negative space',\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, leftId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, rightId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, bottomId, marginStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Spider,\n                blocks: [\n                    {\n                        id: topId,\n                        type: 'input',\n                        label: 'Top',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, topId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: leftId,\n                        type: 'input',\n                        label: 'Left',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, leftId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: rightId,\n                        type: 'input',\n                        label: 'Right',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, rightId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: bottomId,\n                        type: 'input',\n                        label: 'Bottom',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, bottomId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                ],\n            },\n        ],\n        off: [getMarginSlider(choiceId)],\n    };\n};\n"],"names":["getMarginExtendedSettings","options","hasId","valueId","choiceId","topId","leftId","rightId","bottomId","bundle","presetCustomValue","marginStyleMap","MultiInputLayout","MARGIN_DEFAULT_PLACEHOLDER","appendUnit","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","getMarginSlider"],"mappings":";;;;;AAyBa,MAAAA,IAA4B,CAACC,MAA+C;AACrF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,2BAA2BA,KAAA,gBAAAA,EAAS,EAAE,KAAK,2BACjEE,IAAUF,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBAChEG,IAAWH,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBACjEI,IAAQJ,KAAA,QAAAA,EAAS,KAAK,qBAAqBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,qBAC3DK,IAASL,KAAA,QAAAA,EAAS,KAAK,sBAAsBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,sBAC7DM,IAAUN,KAAA,QAAAA,EAAS,KAAK,uBAAuBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,uBAC/DO,IAAWP,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAEhE,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACO,MAAW;AACA,MAAAC,EAAAD,GAAQL,GAAUC,GAAOM,CAAc,GACvCD,EAAAD,GAAQL,GAAUE,GAAQK,CAAc,GACxCD,EAAAD,GAAQL,GAAUG,GAASI,CAAc,GACzCD,EAAAD,GAAQL,GAAUI,GAAUG,CAAc;AAAA,IAChE;AAAA,IACA,IAAI;AAAA,MACA;AAAA,QACI,IAAIR;AAAA,QACJ,MAAM;AAAA,QACN,QAAQS,EAAiB;AAAA,QACzB,QAAQ;AAAA,UACJ;AAAA,YACI,IAAIP;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaQ;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQJ,CAAK;AAAA,YAC9C,OAAO,CAACU,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIV;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaO;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAM;AAAA,YAC/C,OAAO,CAACS,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIT;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaM;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAO;AAAA,YAChD,OAAO,CAACQ,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaK;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQD,CAAQ;AAAA,YACjD,OAAO,CAACO,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,KAAK,CAACC,EAAgBb,CAAQ,CAAC;AAAA,EAAA;AAEvC;"}

package/dist/settings/padding.es.js

@@ -0,0 +1,53 @@
+import "../styles.css.es.js";
+import { presetCustomValue as m, numericalOrPixelRule as g, maximumNumericalOrPixelOrAutoRule as c, appendUnit as h } from "@frontify/sidebar-settings";
+import { PADDING_DEFAULT_PLACEHOLDER as C } from "./defaultValues.es.js";
+import { Padding as a, paddingStyleMap as P } from "./types.es.js";
+const f = (e) => ({
+  id: e,
+  type: "segmentedControls",
+  defaultValue: a.Small,
+  choices: [
+    {
+      value: a.None,
+      label: "None"
+    },
+    {
+      value: a.Small,
+      label: "S"
+    },
+    {
+      value: a.Medium,
+      label: "M"
+    },
+    {
+      value: a.Large,
+      label: "L"
+    }
+  ]
+}), v = (e) => {
+  const r = e != null && e.id ? `hasCustomPaddingValue_${e == null ? void 0 : e.id}` : "hasCustomPaddingValue", l = e != null && e.id ? `paddingValue_${e == null ? void 0 : e.id}` : "paddingValue", u = e != null && e.id ? `paddingChoice_${e == null ? void 0 : e.id}` : "paddingChoice";
+  return {
+    id: r,
+    label: "Padding",
+    type: "switch",
+    switchLabel: "Custom",
+    defaultValue: !1,
+    info: "The spacing around UI elements to create more negative space",
+    onChange: (d) => m(d, u, l, (e == null ? void 0 : e.paddingStyleMap) || P),
+    on: [
+      {
+        id: l,
+        type: "input",
+        placeholder: C,
+        rules: [g, c(500)],
+        onChange: (d) => h(d, l)
+      }
+    ],
+    off: [f(u)]
+  };
+};
+export {
+  v as getPaddingSettings,
+  f as getPaddingSlider
+};
+//# sourceMappingURL=padding.es.js.map

package/dist/settings/padding.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.es.js","sources":["../../src/settings/padding.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\nimport { PADDING_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { Padding, paddingStyleMap } from './types';\n\ntype PaddingSettingsType = {\n    id?: string;\n    paddingStyleMap?: Record<Padding, string>;\n};\n\n/**\n * Returns padding settings: padding switch, padding slider, custom padding input\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns padding settings\n */\nexport const getPaddingSlider = (id: string): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue: Padding.Small,\n    choices: [\n        {\n            value: Padding.None,\n            label: 'None',\n        },\n        {\n            value: Padding.Small,\n            label: 'S',\n        },\n        {\n            value: Padding.Medium,\n            label: 'M',\n        },\n        {\n            value: Padding.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getPaddingSettings = (options?: PaddingSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasCustomPaddingValue_${options?.id}` : 'hasCustomPaddingValue';\n    const valueId = options?.id ? `paddingValue_${options?.id}` : 'paddingValue';\n    const choiceId = options?.id ? `paddingChoice_${options?.id}` : 'paddingChoice';\n\n    return {\n        id: hasId,\n        label: 'Padding',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more negative space',\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.paddingStyleMap || paddingStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getPaddingSlider(choiceId)],\n    };\n};\n"],"names":["getPaddingSlider","id","Padding","getPaddingSettings","options","hasId","valueId","choiceId","bundle","presetCustomValue","paddingStyleMap","PADDING_DEFAULT_PLACEHOLDER","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","appendUnit"],"mappings":";;;;AAwBa,MAAAA,IAAmB,CAACC,OAA8B;AAAA,EAC3D,IAAAA;AAAA,EACA,MAAM;AAAA,EACN,cAAcC,EAAQ;AAAA,EACtB,SAAS;AAAA,IACL;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IACX;AAAA,EACJ;AACJ,IAEaC,IAAqB,CAACC,MAAgD;AAC/E,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBAC/DE,IAAUF,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,gBACxDG,IAAWH,KAAA,QAAAA,EAAS,KAAK,iBAAiBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAEzD,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACG,MAAWC,EAAkBD,GAAQD,GAAUD,IAASF,KAAA,gBAAAA,EAAS,oBAAmBM,CAAe;AAAA,IAC9G,IAAI;AAAA,MACA;AAAA,QACI,IAAIJ;AAAA,QACJ,MAAM;AAAA,QACN,aAAaK;AAAA,QACb,OAAO,CAACC,GAAsBC,EAAkC,GAAG,CAAC;AAAA,QACpE,UAAU,CAACL,MAAWM,EAAWN,GAAQF,CAAO;AAAA,MACpD;AAAA,IACJ;AAAA,IACA,KAAK,CAACN,EAAiBO,CAAQ,CAAC;AAAA,EAAA;AAExC;"}

package/dist/settings/paddingExtended.es.js

@@ -0,0 +1,65 @@
+import "../styles.css.es.js";
+import { presetCustomValue as l, MultiInputLayout as I, appendUnit as g, numericalOrPixelRule as r, maximumNumericalOrPixelOrAutoRule as u } from "@frontify/sidebar-settings";
+import { PADDING_DEFAULT_PLACEHOLDER as m } from "./defaultValues.es.js";
+import { getPaddingSlider as y } from "./padding.es.js";
+import { paddingStyleMap as c } from "./types.es.js";
+const b = (e) => {
+  const t = e != null && e.id ? `hasExtendedCustomPadding_${e == null ? void 0 : e.id}` : "hasExtendedCustomPadding", C = e != null && e.id ? `extendedPaddingValues_${e == null ? void 0 : e.id}` : "extendedPaddingValues", a = e != null && e.id ? `extendedPaddingChoice_${e == null ? void 0 : e.id}` : "extendedPaddingChoice", h = e != null && e.id ? `extendedPaddingTop_${e == null ? void 0 : e.id}` : "extendedPaddingTop", P = e != null && e.id ? `extendedPaddingLeft_${e == null ? void 0 : e.id}` : "extendedPaddingLeft", x = e != null && e.id ? `extendedPaddingRight_${e == null ? void 0 : e.id}` : "extendedPaddingRight", f = e != null && e.id ? `extendedPaddingBottom_${e == null ? void 0 : e.id}` : "extendedPaddingBottom";
+  return {
+    id: t,
+    label: "Padding",
+    type: "switch",
+    switchLabel: "Custom",
+    defaultValue: !1,
+    info: "The spacing around UI elements to create more negative space",
+    onChange: (d) => {
+      l(d, a, h, c), l(d, a, P, c), l(d, a, x, c), l(d, a, f, c);
+    },
+    on: [
+      {
+        id: C,
+        type: "multiInput",
+        layout: I.Spider,
+        blocks: [
+          {
+            id: h,
+            type: "input",
+            label: "Top",
+            placeholder: m,
+            onChange: (d) => g(d, h),
+            rules: [r, u(500)]
+          },
+          {
+            id: P,
+            type: "input",
+            label: "Left",
+            placeholder: m,
+            onChange: (d) => g(d, P),
+            rules: [r, u(500)]
+          },
+          {
+            id: x,
+            type: "input",
+            label: "Right",
+            placeholder: m,
+            onChange: (d) => g(d, x),
+            rules: [r, u(500)]
+          },
+          {
+            id: f,
+            type: "input",
+            label: "Bottom",
+            placeholder: m,
+            onChange: (d) => g(d, f),
+            rules: [r, u(500)]
+          }
+        ]
+      }
+    ],
+    off: [y(a)]
+  };
+};
+export {
+  b as getPaddingExtendedSettings
+};
+//# sourceMappingURL=paddingExtended.es.js.map

package/dist/settings/paddingExtended.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingExtended.es.js","sources":["../../src/settings/paddingExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MultiInputLayout,\n    SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\nimport { PADDING_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { getPaddingSlider } from './padding';\nimport { paddingStyleMap } from './types';\n\ntype PaddingSettingsType = {\n    id?: string;\n};\n\n/**\n * Returns padding settings: padding switch, padding slider, custom padding input for every direction\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns padding settings\n */\nexport const getPaddingExtendedSettings = (options?: PaddingSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomPadding_${options?.id}` : 'hasExtendedCustomPadding';\n    const valueId = options?.id ? `extendedPaddingValues_${options?.id}` : 'extendedPaddingValues';\n    const choiceId = options?.id ? `extendedPaddingChoice_${options?.id}` : 'extendedPaddingChoice';\n    const topId = options?.id ? `extendedPaddingTop_${options?.id}` : 'extendedPaddingTop';\n    const leftId = options?.id ? `extendedPaddingLeft_${options?.id}` : 'extendedPaddingLeft';\n    const rightId = options?.id ? `extendedPaddingRight_${options?.id}` : 'extendedPaddingRight';\n    const bottomId = options?.id ? `extendedPaddingBottom_${options?.id}` : 'extendedPaddingBottom';\n\n    return {\n        id: hasId,\n        label: 'Padding',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more negative space',\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, leftId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, rightId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, bottomId, paddingStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Spider,\n                blocks: [\n                    {\n                        id: topId,\n                        type: 'input',\n                        label: 'Top',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, topId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: leftId,\n                        type: 'input',\n                        label: 'Left',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, leftId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: rightId,\n                        type: 'input',\n                        label: 'Right',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, rightId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: bottomId,\n                        type: 'input',\n                        label: 'Bottom',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, bottomId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                ],\n            },\n        ],\n        off: [getPaddingSlider(choiceId)],\n    };\n};\n"],"names":["getPaddingExtendedSettings","options","hasId","valueId","choiceId","topId","leftId","rightId","bottomId","bundle","presetCustomValue","paddingStyleMap","MultiInputLayout","PADDING_DEFAULT_PLACEHOLDER","appendUnit","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","getPaddingSlider"],"mappings":";;;;;AAyBa,MAAAA,IAA6B,CAACC,MAAgD;AACvF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,4BAA4BA,KAAA,gBAAAA,EAAS,EAAE,KAAK,4BAClEE,IAAUF,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBACjEG,IAAWH,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBAClEI,IAAQJ,KAAA,QAAAA,EAAS,KAAK,sBAAsBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,sBAC5DK,IAASL,KAAA,QAAAA,EAAS,KAAK,uBAAuBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,uBAC9DM,IAAUN,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBAChEO,IAAWP,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAEjE,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACO,MAAW;AACA,MAAAC,EAAAD,GAAQL,GAAUC,GAAOM,CAAe,GACxCD,EAAAD,GAAQL,GAAUE,GAAQK,CAAe,GACzCD,EAAAD,GAAQL,GAAUG,GAASI,CAAe,GAC1CD,EAAAD,GAAQL,GAAUI,GAAUG,CAAe;AAAA,IACjE;AAAA,IACA,IAAI;AAAA,MACA;AAAA,QACI,IAAIR;AAAA,QACJ,MAAM;AAAA,QACN,QAAQS,EAAiB;AAAA,QACzB,QAAQ;AAAA,UACJ;AAAA,YACI,IAAIP;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaQ;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQJ,CAAK;AAAA,YAC9C,OAAO,CAACU,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIV;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaO;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAM;AAAA,YAC/C,OAAO,CAACS,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIT;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaM;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAO;AAAA,YAChD,OAAO,CAACQ,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaK;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQD,CAAQ;AAAA,YACjD,OAAO,CAACO,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,KAAK,CAACC,EAAiBb,CAAQ,CAAC;AAAA,EAAA;AAExC;"}