@frontify/guideline-blocks-settings 2.1.17 → 3.0.0

package/dist/utilities/color/toColorObject.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toColorObject.es.js","sources":["../../../src/utilities/color/toColorObject.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/fondue';\n\n/**\n * Maps color strings to color objects.\n *\n * @param {String} String representing color\n * @returns {Color} Color object\n */\n\nexport const toColorObject = (colorString: string): Color => {\n    const { r, g, b, a } = new TinyColor(colorString);\n    return { red: r, green: g, blue: b, alpha: a };\n};\n"],"names":["toColorObject","colorString","g","b","a","TinyColor"],"mappings":";AAYO,MAAMA,IAAgB,CAACC,MAA+B;AACzD,QAAM,EAAE,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,MAAM,IAAIC,EAAUJ,CAAW;AAChD,SAAO,EAAE,KAAK,GAAG,OAAOC,GAAG,MAAMC,GAAG,OAAOC,EAAA;AAC/C;"}
+{"version":3,"file":"toColorObject.es.js","sources":["../../../src/utilities/color/toColorObject.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\n/**\n * Maps color strings to color objects.\n *\n * @param {String} String representing color\n * @returns {Color} Color object\n */\n\nexport const toColorObject = (colorString: string): Color => {\n    const { r, g, b, a } = new TinyColor(colorString);\n    return { red: r, green: g, blue: b, alpha: a };\n};\n"],"names":["toColorObject","colorString","g","b","a","TinyColor"],"mappings":";AAYO,MAAMA,IAAgB,CAACC,MAA+B;AACzD,QAAM,EAAE,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,MAAM,IAAIC,EAAUJ,CAAW;AAChD,SAAO,EAAE,KAAK,GAAG,OAAOC,GAAG,MAAMC,GAAG,OAAOC,EAAA;AAC/C;"}

package/dist/utilities/color/toHex8String.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toHex8String.es.js","sources":["../../../src/utilities/color/toHex8String.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/fondue';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to hex alpha string.\n *\n * @param {Object} Color object\n * @returns {String} To be used as css value.\n */\n\nexport const toHex8String = (color: Color): string => new TinyColor(toShortRgba(color)).toHex8String();\n"],"names":["toHex8String","color","TinyColor","toShortRgba"],"mappings":";;AAcO,MAAMA,IAAe,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,aAAA;"}
+{"version":3,"file":"toHex8String.es.js","sources":["../../../src/utilities/color/toHex8String.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to hex alpha string.\n *\n * @param {Object} Color object\n * @returns {String} To be used as css value.\n */\n\nexport const toHex8String = (color: Color): string => new TinyColor(toShortRgba(color)).toHex8String();\n"],"names":["toHex8String","color","TinyColor","toShortRgba"],"mappings":";;AAcO,MAAMA,IAAe,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,aAAA;"}

package/dist/utilities/color/toHexString.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toHexString.es.js","sources":["../../../src/utilities/color/toHexString.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/fondue';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to hex alpha string.\n */\nexport const toHexString = (color: Color): string => new TinyColor(toShortRgba(color)).toHexString();\n"],"names":["toHexString","color","TinyColor","toShortRgba"],"mappings":";;AAUO,MAAMA,IAAc,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,YAAA;"}
+{"version":3,"file":"toHexString.es.js","sources":["../../../src/utilities/color/toHexString.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to hex alpha string.\n */\nexport const toHexString = (color: Color): string => new TinyColor(toShortRgba(color)).toHexString();\n"],"names":["toHexString","color","TinyColor","toShortRgba"],"mappings":";;AAUO,MAAMA,IAAc,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,YAAA;"}

package/dist/utilities/color/toRgbaString.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toRgbaString.es.js","sources":["../../../src/utilities/color/toRgbaString.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/fondue';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to rgba string.\n *\n * @param {Object} Color object\n * @returns {String} To be used as css value.\n */\n\nexport const toRgbaString = (color: Color): string => new TinyColor(toShortRgba(color)).toRgbString();\n"],"names":["toRgbaString","color","TinyColor","toShortRgba"],"mappings":";;AAcO,MAAMA,IAAe,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,YAAA;"}
+{"version":3,"file":"toRgbaString.es.js","sources":["../../../src/utilities/color/toRgbaString.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to rgba string.\n *\n * @param {Object} Color object\n * @returns {String} To be used as css value.\n */\n\nexport const toRgbaString = (color: Color): string => new TinyColor(toShortRgba(color)).toRgbString();\n"],"names":["toRgbaString","color","TinyColor","toShortRgba"],"mappings":";;AAcO,MAAMA,IAAe,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,YAAA;"}

package/dist/utilities/color/toShortRgba.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toShortRgba.es.js","sources":["../../../src/utilities/color/toShortRgba.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/fondue';\n\ntype ShortNotationColor = {\n    r: number;\n    g: number;\n    b: number;\n    a?: number;\n};\n\n/**\n * Maps color object from long to short rgba notation.\n *\n * @param {Object} Color object\n * @returns {Object} ShortNotationColor object\n */\n\nexport const toShortRgba = (color: unknown): ShortNotationColor => {\n    const isRgbaLongFormat = (value: Color) => {\n        const requiredKeys = ['red', 'green', 'blue'];\n        return typeof value === 'object' && requiredKeys.every((i) => value.hasOwnProperty(i));\n    };\n\n    const mapToShortFormat = (value: Color): ShortNotationColor => {\n        const alpha = typeof value.alpha === 'number' ? value.alpha : 1;\n        return { r: value.red, g: value.green, b: value.blue, a: alpha };\n    };\n\n    if (isRgbaLongFormat(color as Color)) {\n        return mapToShortFormat(color as Color);\n    }\n\n    return color as ShortNotationColor;\n};\n"],"names":["toShortRgba","color","isRgbaLongFormat","value","i","mapToShortFormat","alpha"],"mappings":"AAkBO,MAAMA,IAAc,CAACC,MAAuC;AAC/D,QAAMC,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,EAAM,eAAeC,CAAC,CAAC,GAGnFC,IAAmB,CAACF,MAAqC;AAC3D,UAAMG,IAAQ,OAAOH,EAAM,SAAU,WAAWA,EAAM,QAAQ;AAC9D,WAAO,EAAE,GAAGA,EAAM,KAAK,GAAGA,EAAM,OAAO,GAAGA,EAAM,MAAM,GAAGG,EAAA;AAAA,EAC7D;AAEA,SAAIJ,EAAiBD,CAAc,IACxBI,EAAiBJ,CAAc,IAGnCA;AACX;"}
+{"version":3,"file":"toShortRgba.es.js","sources":["../../../src/utilities/color/toShortRgba.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\n\ntype ShortNotationColor = {\n    r: number;\n    g: number;\n    b: number;\n    a?: number;\n};\n\n/**\n * Maps color object from long to short rgba notation.\n *\n * @param {Object} Color object\n * @returns {Object} ShortNotationColor object\n */\n\nexport const toShortRgba = (color: unknown): ShortNotationColor => {\n    const isRgbaLongFormat = (value: Color) => {\n        const requiredKeys = ['red', 'green', 'blue'];\n        return typeof value === 'object' && requiredKeys.every((i) => value.hasOwnProperty(i));\n    };\n\n    const mapToShortFormat = (value: Color): ShortNotationColor => {\n        const alpha = typeof value.alpha === 'number' ? value.alpha : 1;\n        return { r: value.red, g: value.green, b: value.blue, a: alpha };\n    };\n\n    if (isRgbaLongFormat(color as Color)) {\n        return mapToShortFormat(color as Color);\n    }\n\n    return color as ShortNotationColor;\n};\n"],"names":["toShortRgba","color","isRgbaLongFormat","value","i","mapToShortFormat","alpha"],"mappings":"AAkBO,MAAMA,IAAc,CAACC,MAAuC;AAC/D,QAAMC,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,EAAM,eAAeC,CAAC,CAAC,GAGnFC,IAAmB,CAACF,MAAqC;AAC3D,UAAMG,IAAQ,OAAOH,EAAM,SAAU,WAAWA,EAAM,QAAQ;AAC9D,WAAO,EAAE,GAAGA,EAAM,KAAK,GAAGA,EAAM,OAAO,GAAGA,EAAM,MAAM,GAAGG,EAAA;AAAA,EAC7D;AAEA,SAAIJ,EAAiBD,CAAc,IACxBI,EAAiBJ,CAAc,IAGnCA;AACX;"}

package/dist/utilities/react/getBackgroundColorStyles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBackgroundColorStyles.es.js","sources":["../../../src/utilities/react/getBackgroundColorStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { toRgbaString } from '../color';\n\nexport const getBackgroundColorStyles = (backgroundColor: Color): CSSProperties => ({\n    backgroundColor: toRgbaString(backgroundColor),\n});\n"],"names":["getBackgroundColorStyles","backgroundColor","toRgbaString"],"mappings":";AAOO,MAAMA,IAA2B,CAACC,OAA2C;AAAA,EAChF,iBAAiBC,EAAaD,CAAe;AACjD;"}
+{"version":3,"file":"getBackgroundColorStyles.es.js","sources":["../../../src/utilities/react/getBackgroundColorStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\nimport { type CSSProperties } from 'react';\n\nimport { toRgbaString } from '../color';\n\nexport const getBackgroundColorStyles = (backgroundColor: Color): CSSProperties => ({\n    backgroundColor: toRgbaString(backgroundColor),\n});\n"],"names":["getBackgroundColorStyles","backgroundColor","toRgbaString"],"mappings":";AAOO,MAAMA,IAA2B,CAACC,OAA2C;AAAA,EAChF,iBAAiBC,EAAaD,CAAe;AACjD;"}

package/dist/utilities/react/getBorderStyles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBorderStyles.es.js","sources":["../../../src/utilities/react/getBorderStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BORDER_COLOR_DEFAULT_VALUE } from '../../settings/defaultValues';\nimport { BorderStyle, borderStyleMap } from '../../settings/types';\nimport { toRgbaString } from '../color';\n\nexport const getBorderStyles = (\n    style = BorderStyle.Solid,\n    borderWidth = '1px',\n    color = BORDER_COLOR_DEFAULT_VALUE as Color,\n): CSSProperties => {\n    return {\n        borderStyle: borderStyleMap[style],\n        borderWidth,\n        borderColor: toRgbaString(color),\n    };\n};\n"],"names":["getBorderStyles","style","BorderStyle","borderWidth","color","BORDER_COLOR_DEFAULT_VALUE","borderStyleMap","toRgbaString"],"mappings":";;;AASO,MAAMA,IAAkB,CAC3BC,IAAQC,EAAY,OACpBC,IAAc,OACdC,IAAQC,OAED;AAAA,EACH,aAAaC,EAAeL,CAAK;AAAA,EACjC,aAAAE;AAAA,EACA,aAAaI,EAAaH,CAAK;AAAA;"}
+{"version":3,"file":"getBorderStyles.es.js","sources":["../../../src/utilities/react/getBorderStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\nimport { type CSSProperties } from 'react';\n\nimport { BORDER_COLOR_DEFAULT_VALUE } from '../../settings/defaultValues';\nimport { BorderStyle, borderStyleMap } from '../../settings/types';\nimport { toRgbaString } from '../color';\n\nexport const getBorderStyles = (\n    style = BorderStyle.Solid,\n    borderWidth = '1px',\n    color = BORDER_COLOR_DEFAULT_VALUE as Color,\n): CSSProperties => {\n    return {\n        borderStyle: borderStyleMap[style],\n        borderWidth,\n        borderColor: toRgbaString(color),\n    };\n};\n"],"names":["getBorderStyles","style","BorderStyle","borderWidth","color","BORDER_COLOR_DEFAULT_VALUE","borderStyleMap","toRgbaString"],"mappings":";;;AASO,MAAMA,IAAkB,CAC3BC,IAAQC,EAAY,OACpBC,IAAc,OACdC,IAAQC,OAED;AAAA,EACH,aAAaC,EAAeL,CAAK;AAAA,EACjC,aAAAE;AAAA,EACA,aAAaI,EAAaH,CAAK;AAAA;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/guideline-blocks-settings",
   "type": "module",
-  "version": "2.1.17",
+  "version": "3.0.0",
   "description": "Provides types and helpers for the guideline block development",
   "author": "Frontify Developers <developers@frontify.com>",
   "repository": {

package/tailwind.config.ts

@@ -24,20 +24,6 @@ module.exports = {
     ],
     theme: {
         extend: {
-            colors: {
-                'blank-state-weak': '#ABADAD',
-                'blank-state-weak-inverse': '#FFFFFF',
-                'blank-state-shaded': '#727474',
-                'blank-state-shaded-inverse': '#FAFAFA',
-                'blank-state-weighted': '#696B6B',
-                'blank-state-weighted-inverse': '#F1F1F1',
-                'blank-state-hover': '#1A1C1C',
-                'blank-state-hover-inverse': '#FFFFFF',
-                'blank-state-pressed': '#080808',
-                'blank-state-pressed-inverse': '#F1F1F1',
-                'blank-state-line': '#A3A5A5',
-                'blank-state-line-hover': '#1A1C1C',
-            },
             containers: {
                 sm: '440px',
                 md: '740px',

package/dist/components/DownloadButton/DownloadButton.es.js

@@ -1,26 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { Tooltip as t, Button as i } from "@frontify/fondue/components";
-import { IconArrowCircleDown as l } from "@frontify/fondue/icons";
-const u = ({ onDownload: e, ariaLabel: r }) => /* @__PURE__ */ n(t.Root, { enterDelay: 500, children: [
-  /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
-    i,
-    {
-      "aria-label": r ?? "Download",
-      onPress: e,
-      "data-test-id": "download-button",
-      aspect: "square",
-      emphasis: "default",
-      rounding: "full",
-      size: "small",
-      type: "button",
-      variant: "default",
-      hugWidth: !0,
-      children: /* @__PURE__ */ o(l, { size: 16 })
-    }
-  ) }),
-  /* @__PURE__ */ o(t.Content, { side: "top", children: "Download" })
-] });
-export {
-  u as DownloadButton
-};
-//# sourceMappingURL=DownloadButton.es.js.map

package/dist/components/DownloadButton/DownloadButton.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DownloadButton.es.js","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Button, Tooltip } from '@frontify/fondue/components';\nimport { IconArrowCircleDown } from '@frontify/fondue/icons';\n\nimport { type DownloadButtonProps } from './types';\n\nexport const DownloadButton = ({ onDownload, ariaLabel }: DownloadButtonProps) => {\n    return (\n        <Tooltip.Root enterDelay={500}>\n            <Tooltip.Trigger asChild>\n                <Button\n                    aria-label={ariaLabel ?? 'Download'}\n                    onPress={onDownload}\n                    data-test-id=\"download-button\"\n                    aspect=\"square\"\n                    emphasis=\"default\"\n                    rounding=\"full\"\n                    size=\"small\"\n                    type=\"button\"\n                    variant=\"default\"\n                    hugWidth\n                >\n                    <IconArrowCircleDown size={16} />\n                </Button>\n            </Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">Download</Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"names":["DownloadButton","onDownload","ariaLabel","jsxs","Tooltip","jsx","Button","IconArrowCircleDown"],"mappings":";;;AAOO,MAAMA,IAAiB,CAAC,EAAE,YAAAC,GAAY,WAAAC,QAErC,gBAAAC,EAACC,EAAQ,MAAR,EAAa,YAAY,KACtB,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAYJ,KAAa;AAAA,MACzB,SAASD;AAAA,MACT,gBAAa;AAAA,MACb,QAAO;AAAA,MACP,UAAS;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,UAAQ;AAAA,MAER,UAAA,gBAAAI,EAACE,GAAA,EAAoB,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA,GAEvC;AAAA,oBACCH,EAAQ,SAAR,EAAgB,MAAK,OAAM,UAAA,WAAA,CAAQ;AAAA,GACxC;"}

package/dist/helpers/customCoordinatesGetterFactory.es.js

@@ -1,32 +0,0 @@
-import { KeyboardCode as e } from "@dnd-kit/core";
-const y = [e.Down, e.Right, e.Up, e.Left], g = (h, s) => (f, { currentCoordinates: t, context: { activeNode: c } }) => {
-  if (f.preventDefault(), y.includes(f.code)) {
-    const i = c?.offsetWidth ?? 0, x = c?.offsetHeight ?? 0;
-    switch (f.code) {
-      case e.Right:
-        return {
-          ...t,
-          x: t.x + i + h
-        };
-      case e.Left:
-        return {
-          ...t,
-          x: t.x - i - h
-        };
-      case e.Down:
-        return {
-          ...t,
-          y: t.y + x + s
-        };
-      case e.Up:
-        return {
-          ...t,
-          y: t.y - x - s
-        };
-    }
-  }
-};
-export {
-  g as customCoordinatesGetterFactory
-};
-//# sourceMappingURL=customCoordinatesGetterFactory.es.js.map

package/dist/helpers/customCoordinatesGetterFactory.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"customCoordinatesGetterFactory.es.js","sources":["../../src/helpers/customCoordinatesGetterFactory.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardCode, type KeyboardCoordinateGetter } from '@dnd-kit/core';\n\nconst directions: string[] = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\n\nexport const customCoordinatesGetterFactory =\n    (columnGap: number, rowGap: number): KeyboardCoordinateGetter =>\n    (event, { currentCoordinates, context: { activeNode } }) => {\n        event.preventDefault();\n        if (directions.includes(event.code)) {\n            const width = activeNode?.offsetWidth ?? 0;\n            const height = activeNode?.offsetHeight ?? 0;\n\n            switch (event.code) {\n                case KeyboardCode.Right:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x + width + columnGap,\n                    };\n                case KeyboardCode.Left:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x - width - columnGap,\n                    };\n                case KeyboardCode.Down:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y + height + rowGap,\n                    };\n                case KeyboardCode.Up:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y - height - rowGap,\n                    };\n            }\n        }\n        return undefined;\n    };\n"],"names":["directions","KeyboardCode","customCoordinatesGetterFactory","columnGap","rowGap","event","currentCoordinates","activeNode","width","height"],"mappings":";AAIA,MAAMA,IAAuB,CAACC,EAAa,MAAMA,EAAa,OAAOA,EAAa,IAAIA,EAAa,IAAI,GAE1FC,IACT,CAACC,GAAmBC,MACpB,CAACC,GAAO,EAAE,oBAAAC,GAAoB,SAAS,EAAE,YAAAC,EAAA,QAAmB;AAExD,MADAF,EAAM,eAAA,GACFL,EAAW,SAASK,EAAM,IAAI,GAAG;AACjC,UAAMG,IAAQD,GAAY,eAAe,GACnCE,IAASF,GAAY,gBAAgB;AAE3C,YAAQF,EAAM,MAAA;AAAA,MACV,KAAKJ,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,MAE3C,KAAKH,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,IACvC;AAAA,EAEZ;AAEJ;"}

package/dist/helpers/mapColorPalettes.es.js

@@ -1,28 +0,0 @@
-const i = (e) => e.map(n), n = (e) => ({
-  id: e.id,
-  title: e.name,
-  colors: e.colors.map(p)
-}), t = (e) => "revision" in e, p = (e) => {
-  if (t(e)) {
-    const { title: r, revision: a } = e;
-    return {
-      alpha: a.rgba.alpha ? a.rgba.alpha / 255 : 1,
-      red: a.rgba.red ?? 0,
-      green: a.rgba.green ?? 0,
-      blue: a.rgba.blue ?? 0,
-      name: r ?? ""
-    };
-  }
-  return {
-    alpha: e.alpha ? e.alpha / 255 : 1,
-    red: e.red ?? 0,
-    green: e.green ?? 0,
-    blue: e.blue ?? 0,
-    name: e.name ?? ""
-  };
-};
-export {
-  n as mapAppBridgeColorPaletteToFonduePalette,
-  i as mapAppBridgeColorPalettesToFonduePalettes
-};
-//# sourceMappingURL=mapColorPalettes.es.js.map

package/dist/helpers/mapColorPalettes.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapColorPalettes.es.js","sources":["../../src/helpers/mapColorPalettes.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorPalette } from '@frontify/app-bridge';\nimport { type Palette } from '@frontify/fondue';\n\ntype Nullable<T> = T | null;\n\ntype V3Color = {\n    id: number;\n    name: Nullable<string>;\n    red: Nullable<number>;\n    green: Nullable<number>;\n    blue: Nullable<number>;\n    alpha: Nullable<number>;\n};\n\ntype V4Color = {\n    id: number;\n    title: Nullable<string>;\n    revision: {\n        rgba: {\n            red: Nullable<number>;\n            green: Nullable<number>;\n            blue: Nullable<number>;\n            alpha: Nullable<number>;\n        };\n    };\n};\n\ntype Color = V3Color | V4Color;\n\nexport const mapAppBridgeColorPalettesToFonduePalettes = (colorPalettes: ColorPalette[]): Palette[] => {\n    return colorPalettes.map(mapAppBridgeColorPaletteToFonduePalette);\n};\nexport const mapAppBridgeColorPaletteToFonduePalette = (colorPalette: ColorPalette): Palette => {\n    return {\n        id: colorPalette.id,\n        title: colorPalette.name,\n        colors: colorPalette.colors.map(mapColor),\n    };\n};\n\nconst isV4Color = (color: Color): color is V4Color => {\n    return 'revision' in color;\n};\n\nconst mapColor = (color: Color) => {\n    if (isV4Color(color)) {\n        const { title, revision } = color;\n        return {\n            alpha: revision.rgba.alpha ? revision.rgba.alpha / 255 : 1,\n            red: revision.rgba.red ?? 0,\n            green: revision.rgba.green ?? 0,\n            blue: revision.rgba.blue ?? 0,\n            name: title ?? '',\n        };\n    }\n    return {\n        alpha: color.alpha ? color.alpha / 255 : 1,\n        red: color.red ?? 0,\n        green: color.green ?? 0,\n        blue: color.blue ?? 0,\n        name: color.name ?? '',\n    };\n};\n"],"names":["mapAppBridgeColorPalettesToFonduePalettes","colorPalettes","mapAppBridgeColorPaletteToFonduePalette","colorPalette","mapColor","isV4Color","color","title","revision"],"mappings":"AA+BO,MAAMA,IAA4C,CAACC,MAC/CA,EAAc,IAAIC,CAAuC,GAEvDA,IAA0C,CAACC,OAC7C;AAAA,EACH,IAAIA,EAAa;AAAA,EACjB,OAAOA,EAAa;AAAA,EACpB,QAAQA,EAAa,OAAO,IAAIC,CAAQ;AAAA,IAI1CC,IAAY,CAACC,MACR,cAAcA,GAGnBF,IAAW,CAACE,MAAiB;AAC/B,MAAID,EAAUC,CAAK,GAAG;AAClB,UAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaF;AAC5B,WAAO;AAAA,MACH,OAAOE,EAAS,KAAK,QAAQA,EAAS,KAAK,QAAQ,MAAM;AAAA,MACzD,KAAKA,EAAS,KAAK,OAAO;AAAA,MAC1B,OAAOA,EAAS,KAAK,SAAS;AAAA,MAC9B,MAAMA,EAAS,KAAK,QAAQ;AAAA,MAC5B,MAAMD,KAAS;AAAA,IAAA;AAAA,EAEvB;AACA,SAAO;AAAA,IACH,OAAOD,EAAM,QAAQA,EAAM,QAAQ,MAAM;AAAA,IACzC,KAAKA,EAAM,OAAO;AAAA,IAClB,OAAOA,EAAM,SAAS;AAAA,IACtB,MAAMA,EAAM,QAAQ;AAAA,IACpB,MAAMA,EAAM,QAAQ;AAAA,EAAA;AAE5B;"}

package/dist/hooks/useDndSensors.es.js

@@ -1,18 +0,0 @@
-import { useSensors as t, useSensor as r, PointerSensor as n, KeyboardSensor as c } from "@dnd-kit/core";
-import { useMemo as a } from "react";
-import { customCoordinatesGetterFactory as d } from "../helpers/customCoordinatesGetterFactory.es.js";
-const i = {
-  start: ["Space", "Enter"],
-  cancel: [],
-  end: ["Space", "Enter", "Escape"]
-}, C = (e = 0, o = 0) => {
-  const s = a(() => ({
-    coordinateGetter: d(e, o),
-    keyboardCodes: i
-  }), [e, o]);
-  return t(r(n), r(c, s));
-};
-export {
-  C as useDndSensors
-};
-//# sourceMappingURL=useDndSensors.es.js.map

package/dist/hooks/useDndSensors.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDndSensors.es.js","sources":["../../src/hooks/useDndSensors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport { useMemo } from 'react';\n\nimport { customCoordinatesGetterFactory } from '../helpers/customCoordinatesGetterFactory';\n\nconst keyboardCodes = {\n    start: ['Space', 'Enter'],\n    cancel: [],\n    end: ['Space', 'Enter', 'Escape'],\n};\n\nexport const useDndSensors = (columnGap = 0, rowGap = 0) => {\n    const keyboardSensorOptions = useMemo(() => {\n        const customCoordinatesGetter = customCoordinatesGetterFactory(columnGap, rowGap);\n        return {\n            coordinateGetter: customCoordinatesGetter,\n            keyboardCodes,\n        };\n    }, [columnGap, rowGap]);\n\n    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, keyboardSensorOptions));\n\n    return sensors;\n};\n"],"names":["keyboardCodes","useDndSensors","columnGap","rowGap","keyboardSensorOptions","useMemo","customCoordinatesGetterFactory","useSensors","useSensor","PointerSensor","KeyboardSensor"],"mappings":";;;AAOA,MAAMA,IAAgB;AAAA,EAClB,OAAO,CAAC,SAAS,OAAO;AAAA,EACxB,QAAQ,CAAA;AAAA,EACR,KAAK,CAAC,SAAS,SAAS,QAAQ;AACpC,GAEaC,IAAgB,CAACC,IAAY,GAAGC,IAAS,MAAM;AACxD,QAAMC,IAAwBC,EAAQ,OAE3B;AAAA,IACH,kBAF4BC,EAA+BJ,GAAWC,CAAM;AAAA,IAG5E,eAAAH;AAAA,EAAA,IAEL,CAACE,GAAWC,CAAM,CAAC;AAItB,SAFgBI,EAAWC,EAAUC,CAAa,GAAGD,EAAUE,GAAgBN,CAAqB,CAAC;AAGzG;"}

package/dist/utilities/moveItemInArray.es.js

@@ -1,12 +0,0 @@
-const l = (c, r, n) => {
-  const e = [...c], t = n < 0 ? e.length + n : n;
-  if (t >= 0 && t < e.length) {
-    const s = e.splice(r, 1)[0];
-    e.splice(t, 0, s);
-  }
-  return e;
-};
-export {
-  l as moveItemInArray
-};
-//# sourceMappingURL=moveItemInArray.es.js.map

package/dist/utilities/moveItemInArray.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"moveItemInArray.es.js","sources":["../../src/utilities/moveItemInArray.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\n/**\n * Moves an item from the 'from' position to the 'to' position and updates the array\n *\n * @param {Array} array Array of items\n * @param {Number} from Initial index of the item\n * @param {Number} to New index of the item\n * @returns {Array} New array with the item moved to the new position\n */\nexport const moveItemInArray = <T>(array: T[], from: number, to: number): T[] => {\n    const newArray = [...array];\n    const toIndex = to < 0 ? newArray.length + to : to;\n\n    if (toIndex >= 0 && toIndex < newArray.length) {\n        const slice = newArray.splice(from, 1)[0];\n        newArray.splice(toIndex, 0, slice);\n    }\n\n    return newArray;\n};\n"],"names":["moveItemInArray","array","from","to","newArray","toIndex","slice"],"mappings":"AAUO,MAAMA,IAAkB,CAAIC,GAAYC,GAAcC,MAAoB;AAC7E,QAAMC,IAAW,CAAC,GAAGH,CAAK,GACpBI,IAAUF,IAAK,IAAIC,EAAS,SAASD,IAAKA;AAEhD,MAAIE,KAAW,KAAKA,IAAUD,EAAS,QAAQ;AAC3C,UAAME,IAAQF,EAAS,OAAOF,GAAM,CAAC,EAAE,CAAC;AACxC,IAAAE,EAAS,OAAOC,GAAS,GAAGC,CAAK;AAAA,EACrC;AAEA,SAAOF;AACX;"}