@selfdecode/sd-component-library 4.0.73-vite23 → 4.0.73-vite25

package/lib/sd-component-library280.js

@@ -1,5 +1,270 @@
-var r = {};
+const p = "__default", B = (r) => typeof r == "object" && r !== null && p in r;
+function c(r, o, e, n, t) {
+  const i = o && typeof o == "string" ? o.split(".") : [o];
+  for (n = 0; n < i.length; n++)
+    r = r ? r[i[n]] : t;
+  return r === t ? e : B(r) ? r[p] : r;
+}
+const y = (r, o) => {
+  if (r && r.variant) {
+    let e = {};
+    for (const n in r) {
+      const t = r[n];
+      if (n === "variant") {
+        const i = typeof t == "function" ? t(o) : t, a = y(c(o, i), o);
+        e = {
+          ...e,
+          ...a
+        };
+      } else
+        e[n] = t;
+    }
+    return e;
+  }
+  return r;
+}, W = [40, 52, 64].map((r) => r + "em"), I = {
+  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
+  fontSizes: [12, 14, 16, 20, 24, 32, 48, 64, 72]
+}, h = {
+  bg: "backgroundColor",
+  m: "margin",
+  mt: "marginTop",
+  mr: "marginRight",
+  mb: "marginBottom",
+  ml: "marginLeft",
+  mx: "marginX",
+  my: "marginY",
+  p: "padding",
+  pt: "paddingTop",
+  pr: "paddingRight",
+  pb: "paddingBottom",
+  pl: "paddingLeft",
+  px: "paddingX",
+  py: "paddingY"
+}, u = {
+  marginX: ["marginLeft", "marginRight"],
+  marginY: ["marginTop", "marginBottom"],
+  paddingX: ["paddingLeft", "paddingRight"],
+  paddingY: ["paddingTop", "paddingBottom"],
+  scrollMarginX: ["scrollMarginLeft", "scrollMarginRight"],
+  scrollMarginY: ["scrollMarginTop", "scrollMarginBottom"],
+  scrollPaddingX: ["scrollPaddingLeft", "scrollPaddingRight"],
+  scrollPaddingY: ["scrollPaddingTop", "scrollPaddingBottom"],
+  size: ["width", "height"]
+}, S = {
+  color: "colors",
+  background: "colors",
+  backgroundColor: "colors",
+  borderColor: "colors",
+  caretColor: "colors",
+  columnRuleColor: "colors",
+  outlineColor: "colors",
+  textDecorationColor: "colors",
+  opacity: "opacities",
+  transition: "transitions",
+  margin: "space",
+  marginTop: "space",
+  marginRight: "space",
+  marginBottom: "space",
+  marginLeft: "space",
+  marginX: "space",
+  marginY: "space",
+  marginBlock: "space",
+  marginBlockEnd: "space",
+  marginBlockStart: "space",
+  marginInline: "space",
+  marginInlineEnd: "space",
+  marginInlineStart: "space",
+  padding: "space",
+  paddingTop: "space",
+  paddingRight: "space",
+  paddingBottom: "space",
+  paddingLeft: "space",
+  paddingX: "space",
+  paddingY: "space",
+  paddingBlock: "space",
+  paddingBlockEnd: "space",
+  paddingBlockStart: "space",
+  paddingInline: "space",
+  paddingInlineEnd: "space",
+  paddingInlineStart: "space",
+  scrollMargin: "space",
+  scrollMarginTop: "space",
+  scrollMarginRight: "space",
+  scrollMarginBottom: "space",
+  scrollMarginLeft: "space",
+  scrollMarginX: "space",
+  scrollMarginY: "space",
+  scrollPadding: "space",
+  scrollPaddingTop: "space",
+  scrollPaddingRight: "space",
+  scrollPaddingBottom: "space",
+  scrollPaddingLeft: "space",
+  scrollPaddingX: "space",
+  scrollPaddingY: "space",
+  inset: "space",
+  insetBlock: "space",
+  insetBlockEnd: "space",
+  insetBlockStart: "space",
+  insetInline: "space",
+  insetInlineEnd: "space",
+  insetInlineStart: "space",
+  top: "space",
+  right: "space",
+  bottom: "space",
+  left: "space",
+  gridGap: "space",
+  gridColumnGap: "space",
+  gridRowGap: "space",
+  gap: "space",
+  columnGap: "space",
+  rowGap: "space",
+  fontFamily: "fonts",
+  fontSize: "fontSizes",
+  fontWeight: "fontWeights",
+  lineHeight: "lineHeights",
+  letterSpacing: "letterSpacings",
+  border: "borders",
+  borderTop: "borders",
+  borderRight: "borders",
+  borderBottom: "borders",
+  borderLeft: "borders",
+  borderWidth: "borderWidths",
+  borderStyle: "borderStyles",
+  borderRadius: "radii",
+  borderTopRightRadius: "radii",
+  borderTopLeftRadius: "radii",
+  borderBottomRightRadius: "radii",
+  borderBottomLeftRadius: "radii",
+  borderTopWidth: "borderWidths",
+  borderTopColor: "colors",
+  borderTopStyle: "borderStyles",
+  borderBottomWidth: "borderWidths",
+  borderBottomColor: "colors",
+  borderBottomStyle: "borderStyles",
+  borderLeftWidth: "borderWidths",
+  borderLeftColor: "colors",
+  borderLeftStyle: "borderStyles",
+  borderRightWidth: "borderWidths",
+  borderRightColor: "colors",
+  borderRightStyle: "borderStyles",
+  borderBlock: "borders",
+  borderBlockColor: "colors",
+  borderBlockEnd: "borders",
+  borderBlockEndColor: "colors",
+  borderBlockEndStyle: "borderStyles",
+  borderBlockEndWidth: "borderWidths",
+  borderBlockStart: "borders",
+  borderBlockStartColor: "colors",
+  borderBlockStartStyle: "borderStyles",
+  borderBlockStartWidth: "borderWidths",
+  borderBlockStyle: "borderStyles",
+  borderBlockWidth: "borderWidths",
+  borderEndEndRadius: "radii",
+  borderEndStartRadius: "radii",
+  borderInline: "borders",
+  borderInlineColor: "colors",
+  borderInlineEnd: "borders",
+  borderInlineEndColor: "colors",
+  borderInlineEndStyle: "borderStyles",
+  borderInlineEndWidth: "borderWidths",
+  borderInlineStart: "borders",
+  borderInlineStartColor: "colors",
+  borderInlineStartStyle: "borderStyles",
+  borderInlineStartWidth: "borderWidths",
+  borderInlineStyle: "borderStyles",
+  borderInlineWidth: "borderWidths",
+  borderStartEndRadius: "radii",
+  borderStartStartRadius: "radii",
+  columnRuleWidth: "borderWidths",
+  boxShadow: "shadows",
+  textShadow: "shadows",
+  zIndex: "zIndices",
+  width: "sizes",
+  minWidth: "sizes",
+  maxWidth: "sizes",
+  height: "sizes",
+  minHeight: "sizes",
+  maxHeight: "sizes",
+  flexBasis: "sizes",
+  size: "sizes",
+  blockSize: "sizes",
+  inlineSize: "sizes",
+  maxBlockSize: "sizes",
+  maxInlineSize: "sizes",
+  minBlockSize: "sizes",
+  minInlineSize: "sizes",
+  columnWidth: "sizes",
+  // svg
+  fill: "colors",
+  stroke: "colors"
+}, R = (r, o) => {
+  if (typeof o != "number" || o >= 0) {
+    if (typeof o == "string" && o.startsWith("-")) {
+      const t = o.substring(1), i = c(r, t, t);
+      return typeof i == "number" ? i * -1 : `-${i}`;
+    }
+    return c(r, o, o);
+  }
+  const e = Math.abs(o), n = c(r, e, e);
+  return typeof n == "string" ? "-" + n : Number(n) * -1;
+}, z = ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginBlock", "marginBlockEnd", "marginBlockStart", "marginInline", "marginInlineEnd", "marginInlineStart", "top", "bottom", "left", "right"].reduce((r, o) => ({
+  ...r,
+  [o]: R
+}), {}), E = (r) => (o) => {
+  const e = {}, t = [null, ...(o && o.breakpoints || W).map((i) => i.includes("@media") ? i : `@media screen and (min-width: ${i})`)];
+  for (const i in r) {
+    const a = i;
+    let s = r[a];
+    if (typeof s == "function" && (s = s(o || {})), !(s === !1 || s == null)) {
+      if (!Array.isArray(s)) {
+        e[a] = s;
+        continue;
+      }
+      for (let d = 0; d < s.slice(0, t.length).length; d++) {
+        const l = t[d];
+        if (!l) {
+          e[a] = s[d];
+          continue;
+        }
+        e[l] = e[l] || {}, s[d] != null && (e[l][a] = s[d]);
+      }
+    }
+  }
+  return e;
+}, T = (r = {}) => (o = {}) => {
+  const e = {
+    ...I,
+    ..."theme" in o ? o.theme : o
+  }, n = y(typeof r == "function" ? r(e) : r, e), t = E(n)(e);
+  let i = {};
+  for (const a in t) {
+    const s = t[a], d = typeof s == "function" ? s(e) : s;
+    if (d && typeof d == "object") {
+      if (B(d)) {
+        i[a] = d[p];
+        continue;
+      }
+      i[a] = T(d)(e);
+      continue;
+    }
+    const l = a in h ? h[a] : a, b = l in S ? S[l] : void 0, k = b ? e == null ? void 0 : e[b] : c(e, l, {}), m = c(z, l, c)(k, d, d);
+    if (l in u) {
+      const f = u[l];
+      for (let g = 0; g < f.length; g++)
+        i[f[g]] = m;
+    } else
+      i[l] = m;
+  }
+  return i;
+};
 export {
-  r as __exports
+  p as THEME_UI_DEFAULT_KEY,
+  T as css,
+  W as defaultBreakpoints,
+  c as get,
+  y as getObjectWithVariants,
+  u as multiples,
+  S as scales
 };
 //# sourceMappingURL=sd-component-library280.js.map

package/lib/sd-component-library280.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library280.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library280.js","sources":["../node_modules/@theme-ui/css/dist/theme-ui-css.browser.esm.js"],"sourcesContent":["/**\n * Allows for nested scales with shorthand values\n * @example\n * {\n *   colors: {\n *     primary: { __default: '#00f', light: '#33f' }\n *   }\n * }\n * css({ color: 'primary' }); // { color: '#00f' }\n * css({ color: 'primary.light' }) // { color: '#33f' }\n */\nconst THEME_UI_DEFAULT_KEY = '__default';\nconst hasDefault = x => {\n  return typeof x === 'object' && x !== null && THEME_UI_DEFAULT_KEY in x;\n};\n\n/**\n * Extracts value under path from a deeply nested object.\n * Used for Themes, variants and Theme UI style objects.\n * Given a path to object with `__default` key, returns the value under that key.\n *\n * @param obj a theme, variant or style object\n * @param path path separated with dots (`.`)\n * @param fallback default value returned if get(obj, path) is not found\n */\nfunction get(obj, path, fallback, p, undef) {\n  const pathArray = path && typeof path === 'string' ? path.split('.') : [path];\n  for (p = 0; p < pathArray.length; p++) {\n    obj = obj ? obj[pathArray[p]] : undef;\n  }\n  if (obj === undef) return fallback;\n  return hasDefault(obj) ? obj[THEME_UI_DEFAULT_KEY] : obj;\n}\nconst getObjectWithVariants = (obj, theme) => {\n  if (obj && obj['variant']) {\n    let result = {};\n    for (const key in obj) {\n      const x = obj[key];\n      if (key === 'variant') {\n        const val = typeof x === 'function' ? x(theme) : x;\n        const variant = getObjectWithVariants(get(theme, val), theme);\n        result = {\n          ...result,\n          ...variant\n        };\n      } else {\n        result[key] = x;\n      }\n    }\n    return result;\n  }\n  return obj;\n};\nconst defaultBreakpoints = [40, 52, 64].map(n => n + 'em');\nconst defaultTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fontSizes: [12, 14, 16, 20, 24, 32, 48, 64, 72]\n};\nconst aliases = {\n  bg: 'backgroundColor',\n  m: 'margin',\n  mt: 'marginTop',\n  mr: 'marginRight',\n  mb: 'marginBottom',\n  ml: 'marginLeft',\n  mx: 'marginX',\n  my: 'marginY',\n  p: 'padding',\n  pt: 'paddingTop',\n  pr: 'paddingRight',\n  pb: 'paddingBottom',\n  pl: 'paddingLeft',\n  px: 'paddingX',\n  py: 'paddingY'\n};\nconst multiples = {\n  marginX: ['marginLeft', 'marginRight'],\n  marginY: ['marginTop', 'marginBottom'],\n  paddingX: ['paddingLeft', 'paddingRight'],\n  paddingY: ['paddingTop', 'paddingBottom'],\n  scrollMarginX: ['scrollMarginLeft', 'scrollMarginRight'],\n  scrollMarginY: ['scrollMarginTop', 'scrollMarginBottom'],\n  scrollPaddingX: ['scrollPaddingLeft', 'scrollPaddingRight'],\n  scrollPaddingY: ['scrollPaddingTop', 'scrollPaddingBottom'],\n  size: ['width', 'height']\n};\nconst scales = {\n  color: 'colors',\n  background: 'colors',\n  backgroundColor: 'colors',\n  borderColor: 'colors',\n  caretColor: 'colors',\n  columnRuleColor: 'colors',\n  outlineColor: 'colors',\n  textDecorationColor: 'colors',\n  opacity: 'opacities',\n  transition: 'transitions',\n  margin: 'space',\n  marginTop: 'space',\n  marginRight: 'space',\n  marginBottom: 'space',\n  marginLeft: 'space',\n  marginX: 'space',\n  marginY: 'space',\n  marginBlock: 'space',\n  marginBlockEnd: 'space',\n  marginBlockStart: 'space',\n  marginInline: 'space',\n  marginInlineEnd: 'space',\n  marginInlineStart: 'space',\n  padding: 'space',\n  paddingTop: 'space',\n  paddingRight: 'space',\n  paddingBottom: 'space',\n  paddingLeft: 'space',\n  paddingX: 'space',\n  paddingY: 'space',\n  paddingBlock: 'space',\n  paddingBlockEnd: 'space',\n  paddingBlockStart: 'space',\n  paddingInline: 'space',\n  paddingInlineEnd: 'space',\n  paddingInlineStart: 'space',\n  scrollMargin: 'space',\n  scrollMarginTop: 'space',\n  scrollMarginRight: 'space',\n  scrollMarginBottom: 'space',\n  scrollMarginLeft: 'space',\n  scrollMarginX: 'space',\n  scrollMarginY: 'space',\n  scrollPadding: 'space',\n  scrollPaddingTop: 'space',\n  scrollPaddingRight: 'space',\n  scrollPaddingBottom: 'space',\n  scrollPaddingLeft: 'space',\n  scrollPaddingX: 'space',\n  scrollPaddingY: 'space',\n  inset: 'space',\n  insetBlock: 'space',\n  insetBlockEnd: 'space',\n  insetBlockStart: 'space',\n  insetInline: 'space',\n  insetInlineEnd: 'space',\n  insetInlineStart: 'space',\n  top: 'space',\n  right: 'space',\n  bottom: 'space',\n  left: 'space',\n  gridGap: 'space',\n  gridColumnGap: 'space',\n  gridRowGap: 'space',\n  gap: 'space',\n  columnGap: 'space',\n  rowGap: 'space',\n  fontFamily: 'fonts',\n  fontSize: 'fontSizes',\n  fontWeight: 'fontWeights',\n  lineHeight: 'lineHeights',\n  letterSpacing: 'letterSpacings',\n  border: 'borders',\n  borderTop: 'borders',\n  borderRight: 'borders',\n  borderBottom: 'borders',\n  borderLeft: 'borders',\n  borderWidth: 'borderWidths',\n  borderStyle: 'borderStyles',\n  borderRadius: 'radii',\n  borderTopRightRadius: 'radii',\n  borderTopLeftRadius: 'radii',\n  borderBottomRightRadius: 'radii',\n  borderBottomLeftRadius: 'radii',\n  borderTopWidth: 'borderWidths',\n  borderTopColor: 'colors',\n  borderTopStyle: 'borderStyles',\n  borderBottomWidth: 'borderWidths',\n  borderBottomColor: 'colors',\n  borderBottomStyle: 'borderStyles',\n  borderLeftWidth: 'borderWidths',\n  borderLeftColor: 'colors',\n  borderLeftStyle: 'borderStyles',\n  borderRightWidth: 'borderWidths',\n  borderRightColor: 'colors',\n  borderRightStyle: 'borderStyles',\n  borderBlock: 'borders',\n  borderBlockColor: 'colors',\n  borderBlockEnd: 'borders',\n  borderBlockEndColor: 'colors',\n  borderBlockEndStyle: 'borderStyles',\n  borderBlockEndWidth: 'borderWidths',\n  borderBlockStart: 'borders',\n  borderBlockStartColor: 'colors',\n  borderBlockStartStyle: 'borderStyles',\n  borderBlockStartWidth: 'borderWidths',\n  borderBlockStyle: 'borderStyles',\n  borderBlockWidth: 'borderWidths',\n  borderEndEndRadius: 'radii',\n  borderEndStartRadius: 'radii',\n  borderInline: 'borders',\n  borderInlineColor: 'colors',\n  borderInlineEnd: 'borders',\n  borderInlineEndColor: 'colors',\n  borderInlineEndStyle: 'borderStyles',\n  borderInlineEndWidth: 'borderWidths',\n  borderInlineStart: 'borders',\n  borderInlineStartColor: 'colors',\n  borderInlineStartStyle: 'borderStyles',\n  borderInlineStartWidth: 'borderWidths',\n  borderInlineStyle: 'borderStyles',\n  borderInlineWidth: 'borderWidths',\n  borderStartEndRadius: 'radii',\n  borderStartStartRadius: 'radii',\n  columnRuleWidth: 'borderWidths',\n  boxShadow: 'shadows',\n  textShadow: 'shadows',\n  zIndex: 'zIndices',\n  width: 'sizes',\n  minWidth: 'sizes',\n  maxWidth: 'sizes',\n  height: 'sizes',\n  minHeight: 'sizes',\n  maxHeight: 'sizes',\n  flexBasis: 'sizes',\n  size: 'sizes',\n  blockSize: 'sizes',\n  inlineSize: 'sizes',\n  maxBlockSize: 'sizes',\n  maxInlineSize: 'sizes',\n  minBlockSize: 'sizes',\n  minInlineSize: 'sizes',\n  columnWidth: 'sizes',\n  // svg\n  fill: 'colors',\n  stroke: 'colors'\n};\nconst positiveOrNegative = (scale, value) => {\n  if (typeof value !== 'number' || value >= 0) {\n    if (typeof value === 'string' && value.startsWith('-')) {\n      const valueWithoutMinus = value.substring(1);\n      const n = get(scale, valueWithoutMinus, valueWithoutMinus);\n      if (typeof n === 'number') {\n        return n * -1;\n      }\n      return `-${n}`;\n    }\n    return get(scale, value, value);\n  }\n  const absolute = Math.abs(value);\n  const n = get(scale, absolute, absolute);\n  if (typeof n === 'string') return '-' + n;\n  return Number(n) * -1;\n};\nconst transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginBlock', 'marginBlockEnd', 'marginBlockStart', 'marginInline', 'marginInlineEnd', 'marginInlineStart', 'top', 'bottom', 'left', 'right'].reduce((acc, curr) => ({\n  ...acc,\n  [curr]: positiveOrNegative\n}), {});\nconst responsive = styles => theme => {\n  const next = {};\n  const breakpoints = theme && theme.breakpoints || defaultBreakpoints;\n  const mediaQueries = [null, ...breakpoints.map(n => n.includes('@media') ? n : `@media screen and (min-width: ${n})`)];\n  for (const k in styles) {\n    const key = k;\n    let value = styles[key];\n    if (typeof value === 'function') {\n      value = value(theme || {});\n    }\n    if (value === false || value == null) {\n      continue;\n    }\n    if (!Array.isArray(value)) {\n      next[key] = value;\n      continue;\n    }\n    for (let i = 0; i < value.slice(0, mediaQueries.length).length; i++) {\n      const media = mediaQueries[i];\n      if (!media) {\n        next[key] = value[i];\n        continue;\n      }\n      next[media] = next[media] || {};\n      if (value[i] == null) continue;\n      next[media][key] = value[i];\n    }\n  }\n  return next;\n};\nconst css = (args = {}) => (props = {}) => {\n  const theme = {\n    ...defaultTheme,\n    ...('theme' in props ? props.theme : props)\n  };\n  // insert variant props before responsive styles, so they can be merged\n  // we need to maintain order of the style props, so if a variant is place in the middle\n  // of other props, it will extends its props at that same location order.\n\n  const obj = getObjectWithVariants(typeof args === 'function' ? args(theme) : args, theme);\n  const styles = responsive(obj)(theme);\n  let result = {};\n  for (const key in styles) {\n    const x = styles[key];\n    const val = typeof x === 'function' ? x(theme) : x;\n    if (val && typeof val === 'object') {\n      if (hasDefault(val)) {\n        result[key] = val[THEME_UI_DEFAULT_KEY];\n        continue;\n      }\n\n      // On type level, val can also be an array here,\n      // but we transform all arrays in `responsive` function.\n      result[key] = css(val)(theme);\n      continue;\n    }\n    const prop = key in aliases ? aliases[key] : key;\n    const scaleName = prop in scales ? scales[prop] : undefined;\n    const scale = scaleName ? theme == null ? void 0 : theme[scaleName] : get(theme, prop, {});\n    const transform = get(transforms, prop, get);\n    const value = transform(scale, val, val);\n    if (prop in multiples) {\n      const dirs = multiples[prop];\n      for (let i = 0; i < dirs.length; i++) {\n        result[dirs[i]] = value;\n      }\n    } else {\n      result[prop] = value;\n    }\n  }\n  return result;\n};\n\nexport { THEME_UI_DEFAULT_KEY, css, defaultBreakpoints, get, getObjectWithVariants, multiples, scales };\n"],"names":["THEME_UI_DEFAULT_KEY","hasDefault","x","get","obj","path","fallback","p","undef","pathArray","getObjectWithVariants","theme","result","key","val","variant","defaultBreakpoints","n","defaultTheme","aliases","multiples","scales","positiveOrNegative","scale","value","valueWithoutMinus","absolute","transforms","acc","curr","responsive","styles","next","mediaQueries","k","i","media","css","args","props","prop","scaleName","dirs"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/sd-component-library281.js

@@ -1,7 +1,10 @@
-import { getAugmentedNamespace as e } from "./sd-component-library314.js";
-import * as r from "./sd-component-library322.js";
-const m = /* @__PURE__ */ e(r);
+import { jsx as p, jsxs as t } from "./sd-component-library316.js";
+import { p as x } from "./sd-component-library277.js";
+import { Fragment as c } from "react";
+const a = (s, o, r) => p(s, x(o), r), e = (s, o, r) => t(s, x(o), r);
 export {
-  m as default
+  c as Fragment,
+  a as jsx,
+  e as jsxs
 };
 //# sourceMappingURL=sd-component-library281.js.map

package/lib/sd-component-library281.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library281.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library281.js","sources":["../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.browser.esm.js"],"sourcesContent":["import { jsx as jsx$1, jsxs as jsxs$1 } from '@emotion/react/jsx-runtime';\nimport { p as parseProps } from '../../dist/parseProps-780b287c.browser.esm.js';\nexport { Fragment } from 'react';\nimport '@theme-ui/css';\n\nconst jsx = (type, props, key) => jsx$1(type, parseProps(props), key);\nconst jsxs = (type, props, key) => jsxs$1(type, parseProps(props), key);\n\nexport { jsx, jsxs };\n"],"names":["jsx","type","props","key","jsx$1","parseProps","jsxs","jsxs$1"],"mappings":";;;AAKK,MAACA,IAAM,CAACC,GAAMC,GAAOC,MAAQC,EAAMH,GAAMI,EAAWH,CAAK,GAAGC,CAAG,GAC9DG,IAAO,CAACL,GAAMC,GAAOC,MAAQI,EAAON,GAAMI,EAAWH,CAAK,GAAGC,CAAG;","x_google_ignoreList":[0]}

package/lib/sd-component-library282.js

@@ -1,7 +1,5 @@
-import { getAugmentedNamespace as e } from "./sd-component-library314.js";
-import * as m from "./sd-component-library324.js";
-const t = /* @__PURE__ */ e(m);
+var r = {};
 export {
-  t as default
+  r as __exports
 };
 //# sourceMappingURL=sd-component-library282.js.map

package/lib/sd-component-library282.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library282.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library282.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library283.js

@@ -1,7 +1,5 @@
-import { getAugmentedNamespace as e } from "./sd-component-library314.js";
-import * as m from "./sd-component-library337.js";
-const t = /* @__PURE__ */ e(m);
+var e = {};
 export {
-  t as default
+  e as __exports
 };
 //# sourceMappingURL=sd-component-library283.js.map

package/lib/sd-component-library283.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library283.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library283.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library284.js

@@ -1,7 +1,51 @@
-import { getAugmentedNamespace as e } from "./sd-component-library314.js";
-import * as m from "./sd-component-library313.js";
-const t = /* @__PURE__ */ e(m);
+import { getCoordinateForArc as s } from "./sd-component-library90.js";
+const v = (r) => {
+  const a = `Received ${r.map(
+    ({ start: e, end: t }) => `(${e},${t})`
+  )}`, n = (e) => console.error(e, a);
+  if (r.some(
+    ({ start: e, end: t }) => [e, t].some((o) => o < 0 || o > 1)
+  ))
+    return n("Segment values should be between 0 and 1"), !1;
+  if (r.reduce(
+    (e, { start: t }) => e + (t === 0 ? 1 : 0),
+    0
+  ) !== 1)
+    return n("One segment should start from 0"), !1;
+  if (r.reduce((e, { end: t }) => e + (t === 1 ? 1 : 0), 0) !== 1)
+    return n("One segment should end by 1"), !1;
+  if (r.some(({ start: e, end: t }) => e >= t))
+    return n("Segment start should be smaller than end"), !1;
+  for (let e = 1; e < r.length; e++) {
+    const t = r[e];
+    if (r[e - 1].end !== t.start)
+      return n("Previous segment end should be equal to next segment start"), !1;
+  }
+  return !0;
+}, x = ({ start: r, end: a }, n, e) => {
+  const t = n - e, o = Math.round(r * 360), c = Math.round(a * 360), d = c - o, { x: l, y: u } = s(n, o), { x: f, y: m } = s(
+    t,
+    o,
+    n
+  ), { x: h, y: i } = s(n, c), { x: g, y: S } = s(
+    t,
+    c,
+    n
+  );
+  return {
+    startX: l,
+    startY: u,
+    endX: h,
+    endY: i,
+    startInnerX: f,
+    startInnerY: m,
+    endInnerX: g,
+    endInnerY: S,
+    arc: d
+  };
+};
 export {
-  t as default
+  v as areSegmentsValid,
+  x as getSegmentCoordinates
 };
 //# sourceMappingURL=sd-component-library284.js.map

package/lib/sd-component-library284.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library284.js","sources":["../src/components/meters/donut-diagram/utils.ts"],"sourcesContent":["import { getCoordinateForArc } from \"../outline-meter/utils\";\nimport { DonutSegment } from \"./interfaces\";\n\nexport const areSegmentsValid = (\n  segments: Pick<DonutSegment, \"start\" | \"end\">[]\n): boolean => {\n  const receivedSegments = `Received ${segments.map(\n    ({ start, end }) => `(${start},${end})`\n  )}`;\n  const showError = (text: string) => console.error(text, receivedSegments);\n\n  if (\n    segments.some(({ start, end }) =>\n      [start, end].some((point) => point < 0 || point > 1)\n    )\n  ) {\n    showError(\"Segment values should be between 0 and 1\");\n    return false;\n  }\n\n  if (\n    segments.reduce<number>(\n      (acc, { start }) => acc + (start === 0 ? 1 : 0),\n      0\n    ) !== 1\n  ) {\n    showError(\"One segment should start from 0\");\n    return false;\n  }\n\n  if (\n    segments.reduce<number>((acc, { end }) => acc + (end === 1 ? 1 : 0), 0) !==\n    1\n  ) {\n    showError(\"One segment should end by 1\");\n    return false;\n  }\n\n  if (segments.some(({ start, end }) => start >= end)) {\n    showError(\"Segment start should be smaller than end\");\n    return false;\n  }\n\n  for (let i = 1; i < segments.length; i++) {\n    const currentSegment = segments[i];\n    const prevSegment = segments[i - 1];\n    if (prevSegment.end !== currentSegment.start) {\n      showError(\"Previous segment end should be equal to next segment start\");\n      return false;\n    }\n  }\n\n  return true;\n};\n\nexport const getSegmentCoordinates = (\n  { start, end }: Pick<DonutSegment, \"start\" | \"end\">,\n  radius: number,\n  segmentWidth: number\n) => {\n  const innerRadius = radius - segmentWidth;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n  const arc = endAlpha - startAlpha;\n\n  const { x: startX, y: startY } = getCoordinateForArc(radius, startAlpha);\n  const { x: startInnerX, y: startInnerY } = getCoordinateForArc(\n    innerRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: endX, y: endY } = getCoordinateForArc(radius, endAlpha);\n  const { x: endInnerX, y: endInnerY } = getCoordinateForArc(\n    innerRadius,\n    endAlpha,\n    radius\n  );\n  return {\n    startX,\n    startY,\n    endX,\n    endY,\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    arc,\n  };\n};\n"],"names":["areSegmentsValid","segments","receivedSegments","start","end","showError","text","point","acc","i","currentSegment","getSegmentCoordinates","radius","segmentWidth","innerRadius","startAlpha","endAlpha","arc","startX","startY","getCoordinateForArc","startInnerX","startInnerY","endX","endY","endInnerX","endInnerY"],"mappings":";AAGa,MAAAA,IAAmB,CAC9BC,MACY;AACN,QAAAC,IAAmB,YAAYD,EAAS;AAAA,IAC5C,CAAC,EAAE,OAAAE,GAAO,KAAAC,QAAU,IAAID,CAAK,IAAIC,CAAG;AAAA,EACrC,CAAA,IACKC,IAAY,CAACC,MAAiB,QAAQ,MAAMA,GAAMJ,CAAgB;AAExE,MACED,EAAS;AAAA,IAAK,CAAC,EAAE,OAAAE,GAAO,KAAAC,QACtB,CAACD,GAAOC,CAAG,EAAE,KAAK,CAACG,MAAUA,IAAQ,KAAKA,IAAQ,CAAC;AAAA,EAAA;AAGrD,WAAAF,EAAU,0CAA0C,GAC7C;AAGT,MACEJ,EAAS;AAAA,IACP,CAACO,GAAK,EAAE,OAAAL,QAAYK,KAAOL,MAAU,IAAI,IAAI;AAAA,IAC7C;AAAA,QACI;AAEN,WAAAE,EAAU,iCAAiC,GACpC;AAGT,MACEJ,EAAS,OAAe,CAACO,GAAK,EAAE,KAAAJ,EAAI,MAAMI,KAAOJ,MAAQ,IAAI,IAAI,IAAI,CAAC,MACtE;AAEA,WAAAC,EAAU,6BAA6B,GAChC;AAGL,MAAAJ,EAAS,KAAK,CAAC,EAAE,OAAAE,GAAO,KAAAC,QAAUD,KAASC,CAAG;AAChD,WAAAC,EAAU,0CAA0C,GAC7C;AAGT,WAASI,IAAI,GAAGA,IAAIR,EAAS,QAAQQ,KAAK;AAClC,UAAAC,IAAiBT,EAASQ,CAAC;AAE7B,QADgBR,EAASQ,IAAI,CAAC,EAClB,QAAQC,EAAe;AACrC,aAAAL,EAAU,4DAA4D,GAC/D;AAAA,EAEX;AAEO,SAAA;AACT,GAEaM,IAAwB,CACnC,EAAE,OAAAR,GAAO,KAAAC,EAAI,GACbQ,GACAC,MACG;AACH,QAAMC,IAAcF,IAASC,GAEvBE,IAAa,KAAK,MAAMZ,IAAQ,GAAG,GACnCa,IAAW,KAAK,MAAMZ,IAAM,GAAG,GAC/Ba,IAAMD,IAAWD,GAEjB,EAAE,GAAGG,GAAQ,GAAGC,MAAWC,EAAoBR,GAAQG,CAAU,GACjE,EAAE,GAAGM,GAAa,GAAGC,EAAgB,IAAAF;AAAA,IACzCN;AAAA,IACAC;AAAA,IACAH;AAAA,EAAA,GAGI,EAAE,GAAGW,GAAM,GAAGC,MAASJ,EAAoBR,GAAQI,CAAQ,GAC3D,EAAE,GAAGS,GAAW,GAAGC,EAAc,IAAAN;AAAA,IACrCN;AAAA,IACAE;AAAA,IACAJ;AAAA,EAAA;AAEK,SAAA;AAAA,IACL,QAAAM;AAAA,IACA,QAAAC;AAAA,IACA,MAAAI;AAAA,IACA,MAAAC;AAAA,IACA,aAAAH;AAAA,IACA,aAAAC;AAAA,IACA,WAAAG;AAAA,IACA,WAAAC;AAAA,IACA,KAAAT;AAAA,EAAA;AAEJ;"}

package/lib/sd-component-library285.js

@@ -1,5 +1,78 @@
-var r = {};
+import { j as n } from "./sd-component-library195.js";
+import { useHover as Z } from "./sd-component-library4.js";
+import { getCoordinateForArc as l } from "./sd-component-library90.js";
+import { getSegmentCoordinates as O } from "./sd-component-library284.js";
+import { SegmentLabel as q } from "./sd-component-library747.js";
+const h = 300, G = ({
+  segment: o,
+  segmentWidth: $,
+  outlineWidth: f,
+  size: i,
+  mobile: a,
+  ...c
+}) => {
+  const { start: p, end: x, color: u } = o, { labelOffset: j } = c, t = i / 2, d = t - $, {
+    startInnerX: k,
+    startInnerY: A,
+    endInnerX: M,
+    endInnerY: X,
+    endX: Y,
+    endY: v,
+    startY: S,
+    startX: g,
+    arc: e
+  } = O(o, t, $), r = i / 2, H = Math.round(p * 360), I = Math.round(x * 360), { isHover: L, hoverCallbacks: w } = Z(), m = L && !a, s = Math.sqrt(2) * (t + j), { x: y, y: C } = l(
+    s,
+    H,
+    t
+  ), { x: E, y: R } = l(
+    s,
+    I,
+    t
+  );
+  return /* @__PURE__ */ n.jsxs("g", { ...a ? {} : w, children: [
+    /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        d: `M${r},${r} L${y},${C} A${s},${s} 0 ${e > 180 ? "1" : "0"},1 ${E},${R}Z`,
+        fill: "transparent"
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        d: `M${r},${r} L${g},${S} A${t},${t} 0 ${e > 180 ? "1" : "0"},1 ${Y},${v}Z`,
+        fill: u,
+        strokeWidth: f,
+        stroke: "white"
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        d: `M${r},${r} L${k},${A} A${d},${d} 0 ${e > 180 ? "1" : "0"},1 ${M},${X}Z`,
+        fill: "white",
+        style: {
+          transform: `scale(${m ? 0.8 : 1}`,
+          transformOrigin: "center",
+          transition: `all ${h}ms`
+        }
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      q,
+      {
+        segment: o,
+        radius: t,
+        animationDuration: h,
+        isHover: m,
+        mobile: a,
+        ...c
+      }
+    )
+  ] });
+};
 export {
-  r as __exports
+  G as Segment
 };
 //# sourceMappingURL=sd-component-library285.js.map

package/lib/sd-component-library285.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library285.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library285.js","sources":["../src/components/meters/donut-diagram/partials/segment/segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { getSegmentCoordinates } from \"../../utils\";\nimport { SegmentLabel } from \"../segment-label\";\nimport { SegmentProps as Props } from \"./interfaces\";\n\nconst animationDuration = 300;\n\nexport const Segment: React.FC<Props> = ({\n  segment,\n  segmentWidth,\n  outlineWidth,\n  size: diameter,\n  mobile,\n  ...labelProps\n}) => {\n  const { start, end, color } = segment;\n  const { labelOffset } = labelProps;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    endX,\n    endY,\n    startY,\n    startX,\n    arc,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n\n  const { isHover, hoverCallbacks } = useHover();\n  const showHover = isHover && !mobile;\n\n  const maxRadius = Math.sqrt(2) * (radius + labelOffset);\n\n  const { x: maskStartX, y: maskStartY } = getCoordinateForArc(\n    maxRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: maskEndX, y: maskEndY } = getCoordinateForArc(\n    maxRadius,\n    endAlpha,\n    radius\n  );\n\n  return (\n    <g {...(mobile ? {} : hoverCallbacks)}>\n      {/* mask */}\n      <path\n        d={`M${center},${center} L${maskStartX},${maskStartY} A${maxRadius},${maxRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${maskEndX},${maskEndY}Z`}\n        fill=\"transparent\"\n      />\n\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={color}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n        style={{\n          transform: `scale(${showHover ? 0.8 : 1}`,\n          transformOrigin: \"center\",\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n\n      <SegmentLabel\n        segment={segment}\n        radius={radius}\n        animationDuration={animationDuration}\n        isHover={showHover}\n        mobile={mobile}\n        {...labelProps}\n      />\n    </g>\n  );\n};\n"],"names":["animationDuration","Segment","segment","segmentWidth","outlineWidth","diameter","mobile","labelProps","start","end","color","labelOffset","radius","innerRadius","startInnerX","startInnerY","endInnerX","endInnerY","endX","endY","startY","startX","arc","getSegmentCoordinates","center","startAlpha","endAlpha","isHover","hoverCallbacks","useHover","showHover","maxRadius","maskStartX","maskStartY","getCoordinateForArc","maskEndX","maskEndY","jsx","SegmentLabel"],"mappings":";;;;;AAQA,MAAMA,IAAoB,KAEbC,IAA2B,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAMC;AAAA,EACN,QAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,OAAAC,EAAA,IAAUR,GACxB,EAAE,aAAAS,EAAgB,IAAAJ,GAElBK,IAASP,IAAW,GACpBQ,IAAcD,IAAST,GAEvB;AAAA,IACJ,aAAAW;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,EACE,IAAAC,EAAsBrB,GAASU,GAAQT,CAAY,GAEjDqB,IAASnB,IAAW,GAEpBoB,IAAa,KAAK,MAAMjB,IAAQ,GAAG,GACnCkB,IAAW,KAAK,MAAMjB,IAAM,GAAG,GAE/B,EAAE,SAAAkB,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAYH,KAAW,CAACrB,GAExByB,IAAY,KAAK,KAAK,CAAC,KAAKnB,IAASD,IAErC,EAAE,GAAGqB,GAAY,GAAGC,EAAe,IAAAC;AAAA,IACvCH;AAAA,IACAN;AAAA,IACAb;AAAA,EAAA,GAGI,EAAE,GAAGuB,GAAU,GAAGC,EAAa,IAAAF;AAAA,IACnCH;AAAA,IACAL;AAAA,IACAd;AAAA,EAAA;AAGF,gCACG,KAAG,EAAA,GAAIN,IAAS,KAAKsB,GAEpB,UAAA;AAAA,IAAAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKQ,CAAU,IAAIC,CAAU,KAAKF,CAAS,IAAIA,CAAS,MAC7ET,IAAM,MAAM,MAAM,GACpB,MAAMa,CAAQ,IAAIC,CAAQ;AAAA,QAC1B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAGAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKH,CAAM,IAAID,CAAM,KAAKR,CAAM,IAAIA,CAAM,MAC/DU,IAAM,MAAM,MAAM,GACpB,MAAMJ,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMT;AAAA,QACN,aAAaN;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAiC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKV,CAAW,IAAIC,CAAW,KAAKF,CAAW,IAAIA,CAAW,MACnFS,IAAM,MAAM,MAAM,GACpB,MAAMN,CAAS,IAAIC,CAAS;AAAA,QAC5B,MAAK;AAAA,QACL,OAAO;AAAA,UACL,WAAW,SAASa,IAAY,MAAM,CAAC;AAAA,UACvC,iBAAiB;AAAA,UACjB,YAAY,OAAO9B,CAAiB;AAAA,QACtC;AAAA,MAAA;AAAA,IACF;AAAA,IAEAqC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAApC;AAAA,QACA,QAAAU;AAAA,QACA,mBAAAZ;AAAA,QACA,SAAS8B;AAAA,QACT,QAAAxB;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IACN;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library286.js

@@ -1,5 +1,25 @@
-var e = {};
+import { j as x } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as p } from "./sd-component-library199.js";
+const $ = ({
+  idx: o,
+  color: t,
+  total: i,
+  segmentHeight: r
+}) => {
+  const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
+  return /* @__PURE__ */ x.jsx(
+    p,
+    {
+      bg: t,
+      height: r,
+      sx: {
+        borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
+      }
+    }
+  );
+};
 export {
-  e as __exports
+  $ as LinearGaugeSegment
 };
 //# sourceMappingURL=sd-component-library286.js.map

package/lib/sd-component-library286.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library286.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library286.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","jsx","Box"],"mappings":";;;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAa,GAAGJ,MAAQ,IAAIG,IAAgB,IAAI,CAAC,MACjDE,IAAc,GAAGL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAC;AAG9D,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAIN;AAAA,MACJ,QAAQE;AAAA,MACR,IAAI;AAAA,QACF,cAAc,GAAGC,CAAU,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,EACxC,KAAKC,CAAW,EAChB,KAAK,GAAG,CAAC,IAAID,CAAU;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;"}