@channel.io/bezier-react 1.4.0 → 1.6.0

package/dist/esm/components/Tooltip/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Tooltip/utils.ts"],"sourcesContent":["import { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  type GetReplacement,\n  type GetTooltipStyle,\n  TooltipPosition,\n} from './Tooltip.types'\n\nexport function getReplacement({\n  tooltip,\n  keepInContainer,\n  placement,\n}: GetReplacement): TooltipPosition {\n  if (!keepInContainer) {\n    return placement\n  }\n\n  const {\n    width: tooltipWidth,\n    height: tooltipHeight,\n    top: tooltipTop,\n    left: tooltipLeft,\n  } = tooltip.getBoundingClientRect()\n\n  const {\n    width: rootWidth,\n    height: rootHeight,\n    top: rootTop,\n    left: rootLeft,\n  } = getRootElement().getBoundingClientRect()\n\n  const isOverTop = tooltipTop < rootTop\n  const isOverBottom = tooltipTop + tooltipHeight > rootTop + rootHeight\n  const isOverLeft = tooltipLeft < rootLeft\n  const isOverRight = tooltipLeft + tooltipWidth > rootLeft + rootWidth\n\n  if (isOverTop) {\n    if (isOverLeft) {\n      return TooltipPosition.BottomLeft\n    }\n    if (isOverRight) {\n      return TooltipPosition.BottomRight\n    }\n    return TooltipPosition.BottomCenter\n  }\n\n  if (isOverBottom) {\n    if (isOverLeft) {\n      return TooltipPosition.TopLeft\n    }\n    if (isOverRight) {\n      return TooltipPosition.TopRight\n    }\n    return TooltipPosition.TopCenter\n  }\n\n  if (isOverLeft) {\n    if (isOverTop) {\n      return TooltipPosition.RightTop\n    }\n    if (isOverBottom) {\n      return TooltipPosition.RightBottom\n    }\n    return TooltipPosition.RightCenter\n  }\n\n  if (isOverRight) {\n    if (isOverTop) {\n      return TooltipPosition.LeftTop\n    }\n    if (isOverBottom) {\n      return TooltipPosition.LeftBottom\n    }\n    return TooltipPosition.LeftCenter\n  }\n\n  return placement\n}\n\nexport function getTooltipStyle({\n  tooltipContainer,\n  placement,\n  offset,\n  allowHover,\n}: GetTooltipStyle) {\n  const {\n    top: containerTop,\n    left: containerLeft,\n    width: containerWidth,\n    height: containerHeight,\n  } = tooltipContainer.getBoundingClientRect()\n\n  let top = containerTop\n  let left = containerLeft\n  let translateX = 0\n  let translateY = 0\n\n  let offsetTop = 0\n  let offsetRight = 0\n  let offsetBottom = 0\n  let offsetLeft = 0\n  let offsetStyle = {}\n\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n    case TooltipPosition.TopLeft:\n    case TooltipPosition.TopRight:\n      translateY = -100\n      offsetBottom = offset\n      break\n    case TooltipPosition.RightCenter:\n    case TooltipPosition.RightTop:\n    case TooltipPosition.RightBottom:\n      left += containerWidth\n      offsetLeft = offset\n      break\n    case TooltipPosition.BottomCenter:\n    case TooltipPosition.BottomLeft:\n    case TooltipPosition.BottomRight:\n      top += containerHeight\n      offsetTop = offset\n      break\n    case TooltipPosition.LeftCenter:\n    case TooltipPosition.LeftTop:\n    case TooltipPosition.LeftBottom:\n      translateX = -100\n      offsetRight = offset\n      break\n  }\n\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n    case TooltipPosition.BottomCenter:\n      translateX = -50\n      left += (containerWidth / 2)\n      break\n    case TooltipPosition.TopRight:\n    case TooltipPosition.BottomRight:\n      translateX = -100\n      left += containerWidth\n      break\n    case TooltipPosition.RightCenter:\n    case TooltipPosition.LeftCenter:\n      translateY = -50\n      top += (containerHeight / 2)\n      break\n    case TooltipPosition.RightBottom:\n    case TooltipPosition.LeftBottom:\n      translateY = -100\n      top += containerHeight\n      break\n  }\n\n  if (allowHover) {\n    offsetStyle = {\n      paddingTop: offsetTop,\n      paddingRight: offsetRight,\n      paddingBottom: offsetBottom,\n      paddingLeft: offsetLeft,\n    }\n  } else {\n    top += (offsetTop - offsetBottom)\n    left += (offsetLeft - offsetRight)\n  }\n\n  return {\n    position: 'fixed',\n    top,\n    left,\n    transform: `translate(${translateX}%, ${translateY}%)`,\n    ...offsetStyle,\n  }\n}\n"],"names":["getReplacement","tooltip","keepInContainer","placement","width","tooltipWidth","height","tooltipHeight","top","tooltipTop","left","tooltipLeft","getBoundingClientRect","rootWidth","rootHeight","rootTop","rootLeft","getRootElement","isOverTop","isOverBottom","isOverLeft","isOverRight","TooltipPosition","BottomLeft","BottomRight","BottomCenter","TopLeft","TopRight","TopCenter","RightTop","RightBottom","RightCenter","LeftTop","LeftBottom","LeftCenter","getTooltipStyle","tooltipContainer","offset","allowHover","containerTop","containerLeft","containerWidth","containerHeight","translateX","translateY","offsetTop","offsetRight","offsetBottom","offsetLeft","offsetStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","position","transform"],"mappings":"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"}

package/dist/esm/components/VisuallyHidden/VisuallyHidden.mjs

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { Root as $ea1ef594cf570d83$export$be92b6f5f03c0fe9 } from '../../node_modules/@radix-ui/react-visually-hidden/dist/index.module.mjs';
+
+/**
+ * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.
+ * It is useful when you want to provide additional information to screen readers.
+ *
+ * @example
+ *
+ * ```tsx
+ * <VisuallyHidden>
+ *   <span>This is a visually hidden text.</span>
+ * </VisuallyHidden>
+ * ```
+ *
+ */
+function VisuallyHidden({
+  children
+}) {
+  return /*#__PURE__*/React__default.createElement($ea1ef594cf570d83$export$be92b6f5f03c0fe9, {
+    asChild: true
+  }, children);
+}
+
+export { VisuallyHidden };
+//# sourceMappingURL=VisuallyHidden.mjs.map

package/dist/esm/components/VisuallyHidden/VisuallyHidden.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.mjs","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React from 'react'\n\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden'\n\nimport { type VisuallyHiddenProps } from './VisuallyHidden.types'\n\n/**\n * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.\n * It is useful when you want to provide additional information to screen readers.\n *\n * @example\n *\n * ```tsx\n * <VisuallyHidden>\n *   <span>This is a visually hidden text.</span>\n * </VisuallyHidden>\n * ```\n *\n */\nexport function VisuallyHidden({\n  children,\n}: VisuallyHiddenProps) {\n  return (\n    <VisuallyHiddenPrimitive.Root asChild>\n      { children }\n    </VisuallyHiddenPrimitive.Root>\n  )\n}\n"],"names":["VisuallyHidden","children","React","createElement","VisuallyHiddenPrimitive","asChild"],"mappings":";;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAC;AAC7BC,EAAAA,QAAAA;AACmB,CAAC,EAAE;AACtB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,yCAA4B,EAAA;IAACC,OAAO,EAAA,IAAA;AAAA,GAAA,EACjCJ,QAC0B,CAAC,CAAA;AAEnC;;;;"}

package/dist/esm/constants/DisabledOpacity.mjs

@@ -0,0 +1,5 @@
+const disabledOpacity = 0.4;
+var disabledOpacity$1 = disabledOpacity;
+
+export { disabledOpacity$1 as default };
+//# sourceMappingURL=DisabledOpacity.mjs.map

package/dist/esm/constants/DisabledOpacity.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledOpacity.mjs","sources":["../../../src/constants/DisabledOpacity.ts"],"sourcesContent":["const disabledOpacity = 0.4\n\nexport default disabledOpacity\n"],"names":["disabledOpacity"],"mappings":"AAAA,MAAMA,eAAe,GAAG,GAAG,CAAA;AAE3B,wBAAeA,eAAe;;;;"}

package/dist/esm/constants/ZIndex.mjs

@@ -0,0 +1,22 @@
+/**
+ * TODO[@ed]: Move inside foundation.
+ */
+/**
+ * Preset of `z-index` values to help control the stacking order of components.
+ * **Recommend using these values instead of hard-coding `z-index` values.**
+ */
+var ZIndex = /*#__PURE__*/function (ZIndex) {
+  ZIndex[ZIndex["Hide"] = -1] = "Hide";
+  ZIndex["Auto"] = "auto";
+  ZIndex[ZIndex["Base"] = 0] = "Base";
+  ZIndex[ZIndex["Float"] = 1] = "Float";
+  ZIndex[ZIndex["Overlay"] = 1000] = "Overlay";
+  ZIndex[ZIndex["Modal"] = 1100] = "Modal";
+  ZIndex[ZIndex["Toast"] = 1200] = "Toast";
+  ZIndex[ZIndex["Tooltip"] = 1300] = "Tooltip";
+  ZIndex[ZIndex["Important"] = 2000] = "Important";
+  return ZIndex;
+}(ZIndex || {});
+
+export { ZIndex };
+//# sourceMappingURL=ZIndex.mjs.map

package/dist/esm/constants/ZIndex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZIndex.mjs","sources":["../../../src/constants/ZIndex.ts"],"sourcesContent":["/**\n * TODO[@ed]: Move inside foundation.\n */\n/**\n * Preset of `z-index` values to help control the stacking order of components.\n * **Recommend using these values instead of hard-coding `z-index` values.**\n */\nenum ZIndex {\n  Hide = -1,\n  /**\n   * Default CSS `z-index` value.\n   * It does **not** create a new stacking context.\n   */\n  Auto = 'auto',\n  /**\n   * Used to create a new stacking context.\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n   */\n  Base = 0,\n  Float = 1,\n  /**\n   * Used by `Overlay`, `Select` component.\n   */\n  Overlay = 1000,\n  /**\n   * Used by `Modal`, `ConfirmModal` component.\n   */\n  Modal = 1100,\n  /**\n   * Used by `Toast` component.\n   */\n  Toast = 1200,\n  /**\n   * Used by `Tooltip` component.\n   */\n  Tooltip = 1300,\n  /**\n   * 🚨 **Recommend not to use this value.**\n   * If used unnecessarily, uses only this value for components that must be on **top of everything.**\n   */\n  Important = 2000,\n}\n\nexport { ZIndex }\n"],"names":["ZIndex"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACKA,IAAAA,MAAM,0BAANA,MAAM,EAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,MAAA,CAAA;EAANA,MAAM,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,GAAA,SAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,GAAA,OAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,GAAA,OAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,GAAA,SAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAANA,MAAM,CAAA;AAAA,CAAA,CAANA,MAAM,IAAA,EAAA;;;;"}

package/dist/esm/features/Feature.mjs

@@ -0,0 +1,15 @@
+let FeatureType = /*#__PURE__*/function (FeatureType) {
+  FeatureType["SmoothCorners"] = "smooth-corners";
+  return FeatureType;
+}({});
+class Feature {
+  constructor(name) {
+    this.name = name;
+  }
+  async activate() {
+    return Promise.resolve(false);
+  }
+}
+
+export { Feature, FeatureType };
+//# sourceMappingURL=Feature.mjs.map

package/dist/esm/features/Feature.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feature.mjs","sources":["../../../src/features/Feature.ts"],"sourcesContent":["export enum FeatureType {\n  SmoothCorners = 'smooth-corners',\n}\n\nexport class Feature {\n  name: FeatureType\n\n  constructor(name: FeatureType) {\n    this.name = name\n  }\n\n  async activate() {\n    return Promise.resolve(false)\n  }\n}\n"],"names":["FeatureType","Feature","constructor","name","activate","Promise","resolve"],"mappings":"AAAYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,eAAA,CAAA,GAAA,gBAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAIhB,MAAMC,OAAO,CAAC;EAGnBC,WAAWA,CAACC,IAAiB,EAAE;IAC7B,IAAI,CAACA,IAAI,GAAGA,IAAI,CAAA;AAClB,GAAA;EAEA,MAAMC,QAAQA,GAAG;AACf,IAAA,OAAOC,OAAO,CAACC,OAAO,CAAC,KAAK,CAAC,CAAA;AAC/B,GAAA;AACF;;;;"}

package/dist/esm/features/FeatureProvider.mjs

@@ -0,0 +1,51 @@
+import React__default, { useState, useLayoutEffect, useContext, useMemo, createContext } from 'react';
+import { FeatureType } from './Feature.mjs';
+
+const initialFeatureFlag = {
+  [FeatureType.SmoothCorners]: false
+};
+const FeatureFlagContext = /*#__PURE__*/createContext(initialFeatureFlag);
+/**
+ * `FeatureProvider` is a component that activates features and provides.
+ *
+ * @example
+ *
+ * ```tsx
+ * <FeatureProvider features={[SmoothCornersFeature]}>
+ *   <App />
+ * </FeatureProvider>
+ * ```
+ */
+function FeatureProvider({
+  children,
+  features
+}) {
+  const [featureFlag, setFeatureFlag] = useState(initialFeatureFlag);
+  useLayoutEffect(function activateFeatures() {
+    if (!features) {
+      return;
+    }
+    const promises = features.map(feature => feature.activate().then(activated => ({
+      [feature.name]: activated
+    })));
+    Promise.all(promises).then(flags => {
+      setFeatureFlag(prev => ({
+        ...prev,
+        ...flags.reduce((acc, cur) => ({
+          ...acc,
+          ...cur
+        }), {})
+      }));
+    });
+  }, [features]);
+  return /*#__PURE__*/React__default.createElement(FeatureFlagContext.Provider, {
+    value: featureFlag
+  }, children);
+}
+function useFeatureFlag(featureType) {
+  const contextValue = useContext(FeatureFlagContext);
+  return useMemo(() => contextValue[featureType], [contextValue, featureType]);
+}
+
+export { FeatureProvider, useFeatureFlag };
+//# sourceMappingURL=FeatureProvider.mjs.map

package/dist/esm/features/FeatureProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureProvider.mjs","sources":["../../../src/features/FeatureProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport {\n  type Feature,\n  FeatureType,\n} from './Feature'\n\nexport type FeatureFlag = Record<FeatureType, boolean>\n\nconst initialFeatureFlag: FeatureFlag = {\n  [FeatureType.SmoothCorners]: false,\n}\n\nconst FeatureFlagContext = createContext<FeatureFlag>(initialFeatureFlag)\n\ninterface FeatureProviderProps {\n  children: React.ReactNode\n  /**\n   * Features to activate.\n   */\n  features: Feature[]\n}\n\n/**\n * `FeatureProvider` is a component that activates features and provides.\n *\n * @example\n *\n * ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n *   <App />\n * </FeatureProvider>\n * ```\n */\nexport function FeatureProvider({\n  children,\n  features,\n}: FeatureProviderProps) {\n  const [featureFlag, setFeatureFlag] = useState<FeatureFlag>(initialFeatureFlag)\n\n  useLayoutEffect(function activateFeatures() {\n    if (!features) {\n      return\n    }\n\n    const promises = features.map(feature => (\n      feature.activate().then(activated => (\n        { [feature.name]: activated }\n      ))\n    ))\n\n    Promise.all(promises).then(flags => {\n      setFeatureFlag(prev => ({\n        ...prev,\n        ...flags.reduce((acc, cur) => ({ ...acc, ...cur }), {}),\n      }))\n    })\n  }, [features])\n\n  return (\n    <FeatureFlagContext.Provider value={featureFlag}>\n      { children }\n    </FeatureFlagContext.Provider>\n  )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n  const contextValue = useContext(FeatureFlagContext)\n\n  return useMemo(() => (\n    contextValue[featureType]\n  ), [\n    contextValue,\n    featureType,\n  ])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useLayoutEffect","activateFeatures","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","reduce","acc","cur","React","createElement","Provider","value","useFeatureFlag","featureType","contextValue","useContext","useMemo"],"mappings":";;;AAeA,MAAMA,kBAA+B,GAAG;EACtC,CAACC,WAAW,CAACC,aAAa,GAAG,KAAA;AAC/B,CAAC,CAAA;AAED,MAAMC,kBAAkB,gBAAGC,aAAa,CAAcJ,kBAAkB,CAAC,CAAA;AAUzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,eAAeA,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAC,EAAE;EACvB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAcV,kBAAkB,CAAC,CAAA;AAE/EW,EAAAA,eAAe,CAAC,SAASC,gBAAgBA,GAAG;IAC1C,IAAI,CAACL,QAAQ,EAAE;AACb,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,MAAMM,QAAQ,GAAGN,QAAQ,CAACO,GAAG,CAACC,OAAO,IACnCA,OAAO,CAACC,QAAQ,EAAE,CAACC,IAAI,CAACC,SAAS,KAC/B;MAAE,CAACH,OAAO,CAACI,IAAI,GAAGD,SAAAA;KAAW,CAC9B,CACF,CAAC,CAAA;IAEFE,OAAO,CAACC,GAAG,CAACR,QAAQ,CAAC,CAACI,IAAI,CAACK,KAAK,IAAI;MAClCb,cAAc,CAACc,IAAI,KAAK;AACtB,QAAA,GAAGA,IAAI;QACP,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,MAAM;AAAE,UAAA,GAAGD,GAAG;UAAE,GAAGC,GAAAA;SAAK,CAAC,EAAE,EAAE,CAAA;AACxD,OAAC,CAAC,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACnB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEoB,cAAA,CAAAC,aAAA,CAACzB,kBAAkB,CAAC0B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEtB,WAAAA;AAAY,GAAA,EAC5CF,QACyB,CAAC,CAAA;AAElC,CAAA;AAEO,SAASyB,cAAcA,CAACC,WAAwB,EAAE;AACvD,EAAA,MAAMC,YAAY,GAAGC,UAAU,CAAC/B,kBAAkB,CAAC,CAAA;AAEnD,EAAA,OAAOgC,OAAO,CAAC,MACbF,YAAY,CAACD,WAAW,CACzB,EAAE,CACDC,YAAY,EACZD,WAAW,CACZ,CAAC,CAAA;AACJ;;;;"}

package/dist/esm/features/SmoothCornersFeature/SmoothCornersFeature.mjs

@@ -0,0 +1,42 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { FeatureType, Feature } from '../Feature.mjs';
+import { smoothCornersScript } from './smoothCornersScript.mjs';
+
+/**
+ * 🚨 This is an experimental feature! It may not be suitable for use in production.
+ *
+ * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.
+ * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.
+ */
+class SmoothCornersFeature extends Feature {
+  constructor(...args) {
+    super(...args);
+    /**
+     * @deprecated (@ed) Upcoming improvements
+     * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
+     */
+    _defineProperty(this, "activated", false);
+  }
+  async activate() {
+    if (!this.activated && typeof CSS !== 'undefined' && 'paintWorklet' in CSS) {
+      const workletURL = URL.createObjectURL(new Blob([smoothCornersScript], {
+        type: 'application/javascript'
+      }));
+
+      // @ts-ignore
+      const promise = CSS.paintWorklet.addModule(workletURL);
+      return promise.then(() => {
+        this.activated = true;
+        return this.activated;
+      }).catch(() => {
+        this.activated = false;
+        return this.activated;
+      });
+    }
+    return this.activated;
+  }
+}
+var SmoothCornersFeature$1 = new SmoothCornersFeature(FeatureType.SmoothCorners);
+
+export { SmoothCornersFeature$1 as default };
+//# sourceMappingURL=SmoothCornersFeature.mjs.map

package/dist/esm/features/SmoothCornersFeature/SmoothCornersFeature.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothCornersFeature.mjs","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport {\n  Feature,\n  FeatureType,\n} from '../Feature'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * 🚨 This is an experimental feature! It may not be suitable for use in production.\n *\n * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.\n * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.\n */\nclass SmoothCornersFeature extends Feature {\n  /**\n   * @deprecated (@ed) Upcoming improvements\n   * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.\n   */\n  activated = false\n\n  async activate() {\n    if (\n      !this.activated\n      && typeof CSS !== 'undefined'\n      && 'paintWorklet' in CSS\n    ) {\n      const workletURL = URL.createObjectURL(\n        new Blob([smoothCornersScript], { type: 'application/javascript' }),\n      )\n\n      // @ts-ignore\n      const promise = CSS.paintWorklet.addModule(workletURL) as Promise<void>\n\n      return promise\n        .then(() => {\n          this.activated = true\n          return this.activated\n        }).catch(() => {\n          this.activated = false\n          return this.activated\n        })\n    }\n\n    return this.activated\n  }\n}\n\nexport default new SmoothCornersFeature(FeatureType.SmoothCorners)\n"],"names":["SmoothCornersFeature","Feature","constructor","args","_defineProperty","activate","activated","CSS","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","promise","paintWorklet","addModule","then","catch","FeatureType","SmoothCorners"],"mappings":";;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,SAASC,OAAO,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACzC;AACF;AACA;AACA;AAHEC,IAAAA,eAAA,oBAIY,KAAK,CAAA,CAAA;AAAA,GAAA;EAEjB,MAAMC,QAAQA,GAAG;AACf,IAAA,IACE,CAAC,IAAI,CAACC,SAAS,IACZ,OAAOC,GAAG,KAAK,WAAW,IAC1B,cAAc,IAAIA,GAAG,EACxB;AACA,MAAA,MAAMC,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,mBAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,wBAAA;AAAyB,OAAC,CACpE,CAAC,CAAA;;AAED;MACA,MAAMC,OAAO,GAAGP,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACR,UAAU,CAAkB,CAAA;AAEvE,MAAA,OAAOM,OAAO,CACXG,IAAI,CAAC,MAAM;QACV,IAAI,CAACX,SAAS,GAAG,IAAI,CAAA;QACrB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAACY,KAAK,CAAC,MAAM;QACb,IAAI,CAACZ,SAAS,GAAG,KAAK,CAAA;QACtB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAAA;AACN,KAAA;IAEA,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,GAAA;AACF,CAAA;AAEA,6BAAe,IAAIN,oBAAoB,CAACmB,WAAW,CAACC,aAAa,CAAC;;;;"}

package/dist/esm/features/SmoothCornersFeature/smoothCornersScript.mjs

@@ -0,0 +1,194 @@
+const smoothCornersScript = `
+class SmoothCorners {
+  static get inputProperties() {
+    return [
+      'border-image-source',
+      '--smooth-corners',
+      '--smooth-corners-shadow',
+      '--smooth-corners-bg-color',
+      '--smooth-corners-padding',
+      '--smooth-corners-radius-unit',
+    ]
+  }
+
+  constructor() {
+    this.superellipseCache = new Map()
+  }
+
+  trimPX(pixel) {
+    return parseInt(pixel.replace('px', ''), 10)
+  }
+
+  superellipse(...args) {
+    const sanitizedArgs = this.sanitizeSuperellipseArgs(...args)
+
+    const cacheKey = this.getSuperellipseCacheKey(sanitizedArgs)
+
+    if (this.superellipseCache.has(cacheKey)) {
+      return [...this.superellipseCache.get(cacheKey)]
+    }
+
+    const result = this.computeSuperellipse(...sanitizedArgs)
+
+    this.superellipseCache.set(cacheKey, result);
+
+    return [...result];
+  }
+
+  sanitizeSuperellipseArgs(a, b, nX, nY) {
+    if (nX > 100) nX = 100
+    if (nY > 100) nY = 100
+    if (nX < 0.00000000001) nX = 0.00000000001
+    if (nY < 0.00000000001) nY = 0.00000000001
+
+    return [a, b, nX, nY]
+  }
+
+  computeSuperellipse(a, b, nX, nY) {
+    const nX2 = 2 / nX
+    const nY2 = 2 / nY
+    const steps = 360
+    const step = (2 * Math.PI) / steps
+    const points = t => {
+      const cosT = Math.cos(t)
+      const sinT = Math.sin(t)
+      return {
+        x: Math.abs(cosT) ** nX2 * a * Math.sign(cosT),
+        y: Math.abs(sinT) ** nY2 * b * Math.sign(sinT)
+      }
+    }
+
+    return Array.from({ length: steps + 1 }, (_, i) => points(i * step))
+  }
+
+  getSuperellipseCacheKey(args) {
+    return args.join(':')
+  }
+
+  paint(ctx, geom, properties) {
+    const backgroundImage = properties
+      .get('border-image-source')
+
+    const backgroundColor = properties
+      .get('--smooth-corners-bg-color')
+      .toString()
+
+    const padding = properties
+      .get('--smooth-corners-padding')
+      .toString()
+
+    const boxShadow = properties
+      .get('--smooth-corners-shadow')
+      .toString()
+      .split(/(?<=[^0-9]),/)
+      .map(shadow => (
+        shadow
+          .split(/(?<=[^,]) /)
+          .map(value => value.trim())
+      ))
+
+    const halfWidth = geom.width / 2
+    const halfHeight = geom.height / 2
+
+    const baseN = properties
+      .get('--smooth-corners')
+      .toString()
+
+    const rUnit = properties
+      .get('--smooth-corners-radius-unit')
+      .toString()
+
+    const targetWidth = geom.width - (2 * this.trimPX(padding))
+    const targetHeight = geom.height - (2 * this.trimPX(padding))
+
+    const targetR = (() => {
+      switch (rUnit) {
+        case 'string':
+          return  (Number(baseN.replace('%', '')) / 100) * Math.min(targetWidth, targetHeight)
+        case 'number':
+        default:
+          return Number(baseN)
+      }
+    })()
+
+    const targetNX = targetWidth / targetR
+    const targetNY = targetHeight / targetR
+
+    const smooth = this.superellipse(
+      halfWidth - this.trimPX(padding),
+      halfHeight - this.trimPX(padding),
+      parseFloat(targetNX, 10),
+      parseFloat(targetNY, 10)
+    )
+
+    ctx.setTransform(1, 0, 0, 1, halfWidth, halfHeight)
+    ctx.beginPath()
+
+    boxShadow.forEach(([
+      offsetX,
+      offsetY,
+      blur,
+      spread,
+      color,
+    ]) => {
+      ctx.shadowColor = null
+      ctx.shadowOffsetX = 0
+      ctx.shadowOffsetY = 0
+      ctx.shadowBlur = 0
+
+      const trimedX = this.trimPX(offsetX) * 2
+      const trimedY = this.trimPX(offsetY) * 2
+      const trimedBlur = this.trimPX(blur)
+      const trimedSpread = this.trimPX(spread)
+
+      if (trimedBlur === 0) {
+        ctx.strokeStyle = color
+        ctx.lineWidth = trimedSpread * 2
+      } else {
+        ctx.shadowColor = color
+        ctx.shadowOffsetX = trimedX
+        ctx.shadowOffsetY = trimedY
+        ctx.shadowBlur = trimedBlur * 2
+      }
+
+      smooth.forEach(({ x, y }, index) => {
+        if (index === 0) {
+          ctx.moveTo(x, y)
+        } else {
+          ctx.lineTo(x, y)
+        }
+      })
+
+      if (trimedBlur === 0) {
+        ctx.stroke()
+      }
+    })
+
+    if (backgroundColor) {
+      ctx.fillStyle = backgroundColor
+      ctx.fill()
+    }
+
+    if (backgroundImage instanceof CSSImageValue) {
+      smooth.forEach(({ x, y }, index) => {
+        if (index === 0) {
+          ctx.moveTo(x, y)
+        } else {
+          ctx.lineTo(x, y)
+        }
+      })
+
+      ctx.closePath()
+      ctx.clip()
+
+      ctx.drawImage(backgroundImage, -(targetWidth / 2), -(targetHeight / 2), targetWidth, targetHeight)
+    }
+
+    ctx.closePath()
+  }
+}
+registerPaint('smooth-corners', SmoothCorners)
+`;
+
+export { smoothCornersScript };
+//# sourceMappingURL=smoothCornersScript.mjs.map

package/dist/esm/features/SmoothCornersFeature/smoothCornersScript.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"smoothCornersScript.mjs","sources":["../../../../src/features/SmoothCornersFeature/smoothCornersScript.ts"],"sourcesContent":["export const smoothCornersScript = `\nclass SmoothCorners {\n  static get inputProperties() {\n    return [\n      'border-image-source',\n      '--smooth-corners',\n      '--smooth-corners-shadow',\n      '--smooth-corners-bg-color',\n      '--smooth-corners-padding',\n      '--smooth-corners-radius-unit',\n    ]\n  }\n\n  constructor() {\n    this.superellipseCache = new Map()\n  }\n\n  trimPX(pixel) {\n    return parseInt(pixel.replace('px', ''), 10)\n  }\n\n  superellipse(...args) {\n    const sanitizedArgs = this.sanitizeSuperellipseArgs(...args)\n\n    const cacheKey = this.getSuperellipseCacheKey(sanitizedArgs)\n\n    if (this.superellipseCache.has(cacheKey)) {\n      return [...this.superellipseCache.get(cacheKey)]\n    }\n\n    const result = this.computeSuperellipse(...sanitizedArgs)\n\n    this.superellipseCache.set(cacheKey, result);\n\n    return [...result];\n  }\n\n  sanitizeSuperellipseArgs(a, b, nX, nY) {\n    if (nX > 100) nX = 100\n    if (nY > 100) nY = 100\n    if (nX < 0.00000000001) nX = 0.00000000001\n    if (nY < 0.00000000001) nY = 0.00000000001\n\n    return [a, b, nX, nY]\n  }\n\n  computeSuperellipse(a, b, nX, nY) {\n    const nX2 = 2 / nX\n    const nY2 = 2 / nY\n    const steps = 360\n    const step = (2 * Math.PI) / steps\n    const points = t => {\n      const cosT = Math.cos(t)\n      const sinT = Math.sin(t)\n      return {\n        x: Math.abs(cosT) ** nX2 * a * Math.sign(cosT),\n        y: Math.abs(sinT) ** nY2 * b * Math.sign(sinT)\n      }\n    }\n\n    return Array.from({ length: steps + 1 }, (_, i) => points(i * step))\n  }\n\n  getSuperellipseCacheKey(args) {\n    return args.join(':')\n  }\n\n  paint(ctx, geom, properties) {\n    const backgroundImage = properties\n      .get('border-image-source')\n\n    const backgroundColor = properties\n      .get('--smooth-corners-bg-color')\n      .toString()\n\n    const padding = properties\n      .get('--smooth-corners-padding')\n      .toString()\n\n    const boxShadow = properties\n      .get('--smooth-corners-shadow')\n      .toString()\n      .split(/(?<=[^0-9]),/)\n      .map(shadow => (\n        shadow\n          .split(/(?<=[^,]) /)\n          .map(value => value.trim())\n      ))\n\n    const halfWidth = geom.width / 2\n    const halfHeight = geom.height / 2\n\n    const baseN = properties\n      .get('--smooth-corners')\n      .toString()\n\n    const rUnit = properties\n      .get('--smooth-corners-radius-unit')\n      .toString()\n\n    const targetWidth = geom.width - (2 * this.trimPX(padding))\n    const targetHeight = geom.height - (2 * this.trimPX(padding))\n\n    const targetR = (() => {\n      switch (rUnit) {\n        case 'string':\n          return  (Number(baseN.replace('%', '')) / 100) * Math.min(targetWidth, targetHeight)\n        case 'number':\n        default:\n          return Number(baseN)\n      }\n    })()\n\n    const targetNX = targetWidth / targetR\n    const targetNY = targetHeight / targetR\n\n    const smooth = this.superellipse(\n      halfWidth - this.trimPX(padding),\n      halfHeight - this.trimPX(padding),\n      parseFloat(targetNX, 10),\n      parseFloat(targetNY, 10)\n    )\n\n    ctx.setTransform(1, 0, 0, 1, halfWidth, halfHeight)\n    ctx.beginPath()\n\n    boxShadow.forEach(([\n      offsetX,\n      offsetY,\n      blur,\n      spread,\n      color,\n    ]) => {\n      ctx.shadowColor = null\n      ctx.shadowOffsetX = 0\n      ctx.shadowOffsetY = 0\n      ctx.shadowBlur = 0\n\n      const trimedX = this.trimPX(offsetX) * 2\n      const trimedY = this.trimPX(offsetY) * 2\n      const trimedBlur = this.trimPX(blur)\n      const trimedSpread = this.trimPX(spread)\n\n      if (trimedBlur === 0) {\n        ctx.strokeStyle = color\n        ctx.lineWidth = trimedSpread * 2\n      } else {\n        ctx.shadowColor = color\n        ctx.shadowOffsetX = trimedX\n        ctx.shadowOffsetY = trimedY\n        ctx.shadowBlur = trimedBlur * 2\n      }\n\n      smooth.forEach(({ x, y }, index) => {\n        if (index === 0) {\n          ctx.moveTo(x, y)\n        } else {\n          ctx.lineTo(x, y)\n        }\n      })\n\n      if (trimedBlur === 0) {\n        ctx.stroke()\n      }\n    })\n\n    if (backgroundColor) {\n      ctx.fillStyle = backgroundColor\n      ctx.fill()\n    }\n\n    if (backgroundImage instanceof CSSImageValue) {\n      smooth.forEach(({ x, y }, index) => {\n        if (index === 0) {\n          ctx.moveTo(x, y)\n        } else {\n          ctx.lineTo(x, y)\n        }\n      })\n\n      ctx.closePath()\n      ctx.clip()\n\n      ctx.drawImage(backgroundImage, -(targetWidth / 2), -(targetHeight / 2), targetWidth, targetHeight)\n    }\n\n    ctx.closePath()\n  }\n}\nregisterPaint('smooth-corners', SmoothCorners)\n`\n"],"names":["smoothCornersScript"],"mappings":"AAAO,MAAMA,mBAAmB,GAAI,CAAA;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/foundation/BaseFoundation.mjs

@@ -0,0 +1,27 @@
+import { Border } from './Border/index.mjs';
+import { Themes } from './Colors/index.mjs';
+import { Elevation } from './Elevation/index.mjs';
+import { Rounding } from './Rounding/index.mjs';
+import { Spacing } from './Spacing/index.mjs';
+import { Transition } from './Transition/index.mjs';
+
+const BaseFoundation = {
+  spacing: Spacing,
+  transition: Transition,
+  rounding: Rounding,
+  elevation: Elevation,
+  border: Border
+};
+const LightFoundation = {
+  ...BaseFoundation,
+  theme: Themes.LightTheme,
+  subTheme: Themes.DarkTheme
+};
+const DarkFoundation = {
+  ...BaseFoundation,
+  theme: Themes.DarkTheme,
+  subTheme: Themes.LightTheme
+};
+
+export { DarkFoundation, LightFoundation };
+//# sourceMappingURL=BaseFoundation.mjs.map

package/dist/esm/foundation/BaseFoundation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFoundation.mjs","sources":["../../../src/foundation/BaseFoundation.ts"],"sourcesContent":["import { Border } from './Border'\nimport { Themes } from './Colors'\nimport { Elevation } from './Elevation'\nimport { type Foundation } from './Foundation'\nimport { Rounding } from './Rounding'\nimport { Spacing } from './Spacing'\nimport { Transition } from './Transition'\n\nconst BaseFoundation = {\n  spacing: Spacing,\n  transition: Transition,\n  rounding: Rounding,\n  elevation: Elevation,\n  border: Border,\n}\n\nexport const LightFoundation: Foundation = {\n  ...BaseFoundation,\n  theme: Themes.LightTheme,\n  subTheme: Themes.DarkTheme,\n}\n\nexport const DarkFoundation: Foundation = {\n  ...BaseFoundation,\n  theme: Themes.DarkTheme,\n  subTheme: Themes.LightTheme,\n}\n"],"names":["BaseFoundation","spacing","Spacing","transition","Transition","rounding","Rounding","elevation","Elevation","border","Border","LightFoundation","theme","Themes","LightTheme","subTheme","DarkTheme","DarkFoundation"],"mappings":";;;;;;;AAQA,MAAMA,cAAc,GAAG;AACrBC,EAAAA,OAAO,EAAEC,OAAO;AAChBC,EAAAA,UAAU,EAAEC,UAAU;AACtBC,EAAAA,QAAQ,EAAEC,QAAQ;AAClBC,EAAAA,SAAS,EAAEC,SAAS;AACpBC,EAAAA,MAAM,EAAEC,MAAAA;AACV,CAAC,CAAA;AAEM,MAAMC,eAA2B,GAAG;AACzC,EAAA,GAAGX,cAAc;EACjBY,KAAK,EAAEC,MAAM,CAACC,UAAU;EACxBC,QAAQ,EAAEF,MAAM,CAACG,SAAAA;AACnB,EAAC;AAEM,MAAMC,cAA0B,GAAG;AACxC,EAAA,GAAGjB,cAAc;EACjBY,KAAK,EAAEC,MAAM,CAACG,SAAS;EACvBD,QAAQ,EAAEF,MAAM,CAACC,UAAAA;AACnB;;;;"}

package/dist/esm/foundation/Border/index.mjs

@@ -0,0 +1,35 @@
+import { css as FoundationCSS } from '../FoundationStyledComponent.mjs';
+
+// eslint-disable-next-line no-restricted-imports
+const defaultGetBorderOption = {
+  top: true,
+  right: true,
+  bottom: true,
+  left: true
+};
+function getBorder(width, color, option = defaultGetBorderOption) {
+  const {
+    top,
+    right,
+    bottom,
+    left
+  } = {
+    ...defaultGetBorderOption,
+    ...option
+  };
+  function getBorderStyle(position) {
+    return position ? 'solid' : 'none';
+  }
+  return FoundationCSS`
+    box-sizing: border-box;
+    border-color: ${color};
+    border-style: ${getBorderStyle(top)} ${getBorderStyle(right)} ${getBorderStyle(bottom)} ${getBorderStyle(left)};
+    border-width: ${width}px;
+  `;
+}
+const Border = {
+  getBorder
+};
+
+export { Border };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/foundation/Border/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/foundation/Border/index.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { css } from '../FoundationStyledComponent'\n\ninterface GetBorderOption {\n  top?: boolean\n  right?: boolean\n  bottom?: boolean\n  left?: boolean\n}\n\nconst defaultGetBorderOption = {\n  top: true,\n  right: true,\n  bottom: true,\n  left: true,\n}\n\nfunction getBorder(width: number, color: any, option: GetBorderOption = defaultGetBorderOption) {\n  const { top, right, bottom, left } = {\n    ...defaultGetBorderOption,\n    ...option,\n  }\n\n  function getBorderStyle(position: boolean) {\n    return position ? 'solid' : 'none'\n  }\n\n  return css`\n    box-sizing: border-box;\n    border-color: ${color};\n    border-style: ${getBorderStyle(top)} ${getBorderStyle(right)} ${getBorderStyle(bottom)} ${getBorderStyle(left)};\n    border-width: ${width}px;\n  `\n}\n\nexport const Border = {\n  getBorder,\n}\n"],"names":["defaultGetBorderOption","top","right","bottom","left","getBorder","width","color","option","getBorderStyle","position","css","Border"],"mappings":";;AAAA;AAUA,MAAMA,sBAAsB,GAAG;AAC7BC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,IAAI,EAAE,IAAA;AACR,CAAC,CAAA;AAED,SAASC,SAASA,CAACC,KAAa,EAAEC,KAAU,EAAEC,MAAuB,GAAGR,sBAAsB,EAAE;EAC9F,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC,MAAM;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAG;AACnC,IAAA,GAAGJ,sBAAsB;IACzB,GAAGQ,MAAAA;GACJ,CAAA;EAED,SAASC,cAAcA,CAACC,QAAiB,EAAE;AACzC,IAAA,OAAOA,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AACpC,GAAA;AAEA,EAAA,OAAOC,aAAI,CAAA;AACb;AACA,kBAAA,EAAoBJ,KAAM,CAAA;AAC1B,kBAAA,EAAoBE,cAAc,CAACR,GAAG,CAAE,CAAGQ,CAAAA,EAAAA,cAAc,CAACP,KAAK,CAAE,CAAGO,CAAAA,EAAAA,cAAc,CAACN,MAAM,CAAE,IAAGM,cAAc,CAACL,IAAI,CAAE,CAAA;AACnH,kBAAA,EAAoBE,KAAM,CAAA;AAC1B,EAAG,CAAA,CAAA;AACH,CAAA;AAEO,MAAMM,MAAM,GAAG;AACpBP,EAAAA,SAAAA;AACF;;;;"}

package/dist/esm/foundation/Colors/Palette/alphaUtils.mjs

@@ -0,0 +1,11 @@
+function alphaToHex(alpha) {
+  const intValue = Math.round(alpha / 100 * 255);
+  const hexValue = intValue.toString(16);
+  return hexValue.padStart(2, '0').toUpperCase();
+}
+function getAlphaHex(HEX, alpha) {
+  return `${HEX}${alphaToHex(alpha)}`;
+}
+
+export { getAlphaHex };
+//# sourceMappingURL=alphaUtils.mjs.map

package/dist/esm/foundation/Colors/Palette/alphaUtils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alphaUtils.mjs","sources":["../../../../../src/foundation/Colors/Palette/alphaUtils.ts"],"sourcesContent":["type Alpha =\n  | 90\n  | 85\n  | 80\n  | 70\n  | 60\n  | 40\n  | 30\n  | 22\n  | 20\n  | 15\n  | 12\n  | 10\n  | 8\n  | 5\n  | 3\n\nfunction alphaToHex(alpha: Alpha) {\n  const intValue = Math.round(alpha / 100 * 255)\n  const hexValue = intValue.toString(16)\n  return hexValue.padStart(2, '0').toUpperCase()\n}\n\nexport function getAlphaHex(HEX: string, alpha: Alpha) {\n  return `${HEX}${alphaToHex(alpha)}`\n}\n"],"names":["alphaToHex","alpha","intValue","Math","round","hexValue","toString","padStart","toUpperCase","getAlphaHex","HEX"],"mappings":"AAiBA,SAASA,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,CAAA;AAC9C,EAAA,MAAMI,QAAQ,GAAGH,QAAQ,CAACI,QAAQ,CAAC,EAAE,CAAC,CAAA;EACtC,OAAOD,QAAQ,CAACE,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAACC,WAAW,EAAE,CAAA;AAChD,CAAA;AAEO,SAASC,WAAWA,CAACC,GAAW,EAAET,KAAY,EAAE;AACrD,EAAA,OAAQ,GAAES,GAAI,CAAA,EAAEV,UAAU,CAACC,KAAK,CAAE,CAAC,CAAA,CAAA;AACrC;;;;"}