@channel.io/bezier-react 1.13.0 → 1.14.0

package/dist/cjs/features/Feature.js

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

package/dist/cjs/features/Feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feature.js","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;;;;;"}
+{"version":3,"file":"Feature.js","sources":["../../../src/features/Feature.ts"],"sourcesContent":["export enum FeatureType {\n  SmoothCorners = 'smooth-corners',\n}\n\nexport interface Feature {\n  readonly name: FeatureType\n  activate: () => Promise<boolean>\n}\n"],"names":["FeatureType"],"mappings":";;AAAYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,eAAA,CAAA,GAAA,gBAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js

@@ -7,38 +7,55 @@ var smoothCornersScript = require('./smoothCornersScript.js');
 
 // eslint-disable-next-line no-restricted-imports
 
+/**
+ * @see {@link https://fetch.spec.whatwg.org/#requestcredentials}
+ */
+
+/**
+ * @see {@link https://html.spec.whatwg.org/multipage/worklets.html#worklets-worklet}
+ */
+
 /**
  * 🚨 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.Feature {
+class SmoothCornersFeature {
+  name = Feature.FeatureType.SmoothCorners;
+  globalObject = null;
+
   /**
    * @deprecated (@ed) Upcoming improvements
    * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
    */
-  activated = false;
-  async activate() {
-    if (!this.activated && typeof CSS !== 'undefined' && 'paintWorklet' in CSS) {
+  activated = new WeakMap([[globalThis, false]]);
+  updateCurrentGlobalObject(globalObject) {
+    this.globalObject = globalObject;
+  }
+  isGlobalObjectIdentical(globalObject) {
+    return Object.is(this.globalObject, globalObject);
+  }
+  supportCSSPaintWorklet(globalObject) {
+    return typeof globalObject.CSS !== 'undefined' && 'paintWorklet' in globalObject.CSS;
+  }
+  async activate(globalObject = globalThis) {
+    if (!this.isGlobalObjectIdentical(globalObject) && this.supportCSSPaintWorklet(globalObject)) {
       const workletURL = URL.createObjectURL(new Blob([smoothCornersScript.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;
-      });
+      try {
+        await globalObject.CSS.paintWorklet.addModule(workletURL);
+        this.activated.set(globalObject, true);
+      } catch {
+        this.activated.set(globalObject, false);
+      }
     }
-    return this.activated;
+    this.updateCurrentGlobalObject(globalObject);
+    return this.activated.get(globalObject);
   }
 }
-var SmoothCornersFeature$1 = new SmoothCornersFeature(Feature.FeatureType.SmoothCorners);
+var SmoothCornersFeature$1 = new SmoothCornersFeature();
 
 exports.default = SmoothCornersFeature$1;
 //# sourceMappingURL=SmoothCornersFeature.js.map

package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothCornersFeature.js","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","activated","activate","CSS","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","promise","paintWorklet","addModule","then","catch","FeatureType","SmoothCorners"],"mappings":";;;;;;;AAAA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,SAASC,eAAO,CAAC;AACzC;AACF;AACA;AACA;AACEC,EAAAA,SAAS,GAAG,KAAK,CAAA;EAEjB,MAAMC,QAAQA,GAAG;AACf,IAAA,IACE,CAAC,IAAI,CAACD,SAAS,IACZ,OAAOE,GAAG,KAAK,WAAW,IAC1B,cAAc,IAAIA,GAAG,EACxB;AACA,MAAA,MAAMC,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,uCAAmB,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,CAACZ,SAAS,GAAG,IAAI,CAAA;QACrB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAACa,KAAK,CAAC,MAAM;QACb,IAAI,CAACb,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,IAAIF,oBAAoB,CAACgB,mBAAW,CAACC,aAAa,CAAC;;;;"}
+{"version":3,"file":"SmoothCornersFeature.js","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport {\n  type Feature,\n  FeatureType,\n} from '../Feature'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * @see {@link https://fetch.spec.whatwg.org/#requestcredentials}\n */\ntype RequestCredentials = 'omit' | 'same-origin' | 'include'\n\ntype WorkletOptions = {\n  credentials: RequestCredentials\n}\n\n/**\n * @see {@link https://html.spec.whatwg.org/multipage/worklets.html#worklets-worklet}\n */\ninterface Worklet {\n  addModule: (moduleURL: string, options?: WorkletOptions) => Promise<void>\n}\n\ndeclare global {\n  namespace CSS {\n    export const paintWorklet: Worklet\n  }\n}\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 implements Feature {\n  readonly name = FeatureType.SmoothCorners\n\n  private globalObject: typeof globalThis | null = null\n\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: WeakMap<typeof globalThis, boolean> = new WeakMap([[globalThis, false]])\n\n  private updateCurrentGlobalObject(globalObject: typeof globalThis) {\n    this.globalObject = globalObject\n  }\n\n  private isGlobalObjectIdentical(globalObject: typeof globalThis) {\n    return Object.is(this.globalObject, globalObject)\n  }\n\n  private supportCSSPaintWorklet(globalObject: typeof globalThis) {\n    return typeof globalObject.CSS !== 'undefined' && 'paintWorklet' in globalObject.CSS\n  }\n\n  async activate(globalObject: typeof globalThis = globalThis) {\n    if (!this.isGlobalObjectIdentical(globalObject) && this.supportCSSPaintWorklet(globalObject)) {\n      const workletURL = URL.createObjectURL(\n        new Blob([smoothCornersScript], { type: 'application/javascript' }),\n      )\n\n      try {\n        await globalObject.CSS.paintWorklet.addModule(workletURL)\n        this.activated.set(globalObject, true)\n      } catch {\n        this.activated.set(globalObject, false)\n      }\n    }\n\n    this.updateCurrentGlobalObject(globalObject)\n\n    return this.activated.get(globalObject) as boolean\n  }\n}\n\nexport default new SmoothCornersFeature()\n"],"names":["SmoothCornersFeature","name","FeatureType","SmoothCorners","globalObject","activated","WeakMap","globalThis","updateCurrentGlobalObject","isGlobalObjectIdentical","Object","is","supportCSSPaintWorklet","CSS","activate","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","paintWorklet","addModule","set","get"],"mappings":";;;;;;;AAAA;;AAQA;AACA;AACA;;AAOA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,CAAoB;EACnCC,IAAI,GAAGC,mBAAW,CAACC,aAAa,CAAA;AAEjCC,EAAAA,YAAY,GAA6B,IAAI,CAAA;;AAErD;AACF;AACA;AACA;EACEC,SAAS,GAAwC,IAAIC,OAAO,CAAC,CAAC,CAACC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;EAE3EC,yBAAyBA,CAACJ,YAA+B,EAAE;IACjE,IAAI,CAACA,YAAY,GAAGA,YAAY,CAAA;AAClC,GAAA;EAEQK,uBAAuBA,CAACL,YAA+B,EAAE;IAC/D,OAAOM,MAAM,CAACC,EAAE,CAAC,IAAI,CAACP,YAAY,EAAEA,YAAY,CAAC,CAAA;AACnD,GAAA;EAEQQ,sBAAsBA,CAACR,YAA+B,EAAE;IAC9D,OAAO,OAAOA,YAAY,CAACS,GAAG,KAAK,WAAW,IAAI,cAAc,IAAIT,YAAY,CAACS,GAAG,CAAA;AACtF,GAAA;AAEA,EAAA,MAAMC,QAAQA,CAACV,YAA+B,GAAGG,UAAU,EAAE;AAC3D,IAAA,IAAI,CAAC,IAAI,CAACE,uBAAuB,CAACL,YAAY,CAAC,IAAI,IAAI,CAACQ,sBAAsB,CAACR,YAAY,CAAC,EAAE;AAC5F,MAAA,MAAMW,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,uCAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,wBAAA;AAAyB,OAAC,CACpE,CAAC,CAAA;MAED,IAAI;QACF,MAAMhB,YAAY,CAACS,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACP,UAAU,CAAC,CAAA;QACzD,IAAI,CAACV,SAAS,CAACkB,GAAG,CAACnB,YAAY,EAAE,IAAI,CAAC,CAAA;AACxC,OAAC,CAAC,MAAM;QACN,IAAI,CAACC,SAAS,CAACkB,GAAG,CAACnB,YAAY,EAAE,KAAK,CAAC,CAAA;AACzC,OAAA;AACF,KAAA;AAEA,IAAA,IAAI,CAACI,yBAAyB,CAACJ,YAAY,CAAC,CAAA;AAE5C,IAAA,OAAO,IAAI,CAACC,SAAS,CAACmB,GAAG,CAACpB,YAAY,CAAC,CAAA;AACzC,GAAA;AACF,CAAA;AAEA,6BAAe,IAAIJ,oBAAoB,EAAE;;;;"}

package/dist/cjs/foundation/FoundationStyledComponent.js

@@ -87,6 +87,10 @@ Object.defineProperty(exports, 'ServerStyleSheet', {
   enumerable: true,
   get: function () { return styled.ServerStyleSheet; }
 });
+Object.defineProperty(exports, 'StyleSheetManager', {
+  enumerable: true,
+  get: function () { return styled.StyleSheetManager; }
+});
 Object.defineProperty(exports, 'keyframes', {
   enumerable: true,
   get: function () { return styled.keyframes; }

package/dist/cjs/foundation/FoundationStyledComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FoundationStyledComponent.js","sources":["../../../src/foundation/FoundationStyledComponent.tsx"],"sourcesContent":["/**\n * NOTE:\n * 이 모듈은 Text, Icon 등 뿐 아니라 Colors, Elevation 등에서도 import 하고 있습니다.\n * 이로 인해 Colors(Elevation 등) -> ThemedStyledComponent -> Theme -> Colors(Elevation 등)\n * 의 Circular dependency 가 발생합니다.\n * 하지만 ThemedStyledComponent 에서 사용하는 Theme 은 단순한 interface 로\n * 동작에는 문제가 없으며, type checking 도 올바르게 됩니다.\n */\n\nimport React, {\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport styled, {\n  type AnyStyledComponent,\n  type CSSObject,\n  type FlattenInterpolation,\n  type FlattenSimpleInterpolation,\n  type GlobalStyleComponent,\n  type Interpolation,\n  type InterpolationFunction,\n  ServerStyleSheet,\n  type SimpleInterpolation,\n  type StyledComponentInnerAttrs,\n  type StyledComponentInnerComponent,\n  type StyledComponentInnerOtherProps,\n  type StyledInterface,\n  type ThemedStyledFunction,\n  type ThemedStyledProps,\n  css as baseCSS,\n  createGlobalStyle as baseCreateGlobalStyle,\n  keyframes,\n} from 'styled-components'\n\nimport { type Foundation } from './Foundation'\nimport domElements from './utils/domElements'\n\n/**\n * When interpreting the `.mjs` extension in the Next.js environment,\n * default imported `styled` function are not interpreted correctly.\n *\n * We add `.default` to cover situation where the module is interpreted in CJS.\n *\n * This is code that can be removed when the major version of `styled-components` is updated (v6)\n * and `styled` functions are changed to named import.\n *\n * @see https://github.com/rollup/rollup/issues/4438\n * @see https://github.com/styled-components/styled-components/issues/115\n */\n// @ts-expect-error\nconst safetyStyledInNextJs = (styled.default ?? styled) as StyledInterface\n\nconst FoundationContext = createContext<Foundation | null>(null)\n\ninterface FoundationProviderProps {\n  foundation: Foundation\n  children: React.ReactNode\n}\n\nfunction FoundationProvider({\n  foundation,\n  children,\n}: FoundationProviderProps) {\n  return (\n    <FoundationContext.Provider value={foundation}>\n      { children }\n    </FoundationContext.Provider>\n  )\n}\n\n/**\n * NOTE:\n * styled component 는 theme Context 를 갖고 있습니다. 하지만 이 context 를 사용할때는 반드시 'theme' 이라는 이름으로밖에 접근할 수 없습니다.\n * Theme 이라는 용어는 내부적으로 이미 사용하고 있거니와, styled 의 theme 에 해당하는 개념에 Mondrian 은 Foundation 이라는 이름을 붙여주었습니다.\n * 이 괴리를 해소하기 위해 styled 함수를 wrapping 하고 커스텀 context 를 강제 주입합니다.\n * 아래의 interface, type 들은 타입체크 에러를 해소하기 위해 작성되었습니다. 제거 가능한 방법을 찾을 경우 가급적 제거하는 것이 필요합니다.\n */\n\ntype FoundationStyledComponentFactories = {\n  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<TTag, Foundation, { foundation?: Foundation }>\n}\n\ninterface FoundationStyledInterface extends FoundationStyledComponentFactories {\n  <C extends AnyStyledComponent>(component: C): ThemedStyledFunction<\n  StyledComponentInnerComponent<C>,\n  Foundation,\n  StyledComponentInnerOtherProps<C> & { foundation?: Foundation },\n  StyledComponentInnerAttrs<C>\n  >\n  <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n    // unfortunately using a conditional type to validate that it can receive a `theme?: Theme`\n    // causes tests to fail in TS 3.1\n    component: C\n  ): ThemedStyledFunction<C, Foundation, { foundation?: Foundation }>\n}\n\nfunction templateFunctionGenerator(BaseComponentGenerator: ThemedStyledFunction<any, any, object, string | number | symbol>) {\n  const customTemplateFn = (...args: TemplateStringsArray) => {\n    // @ts-ignore\n    const BaseComponent = BaseComponentGenerator(...args)\n    const BaseRefComponent = forwardRef((props, ref) => {\n      const currentFoundation = useContext(FoundationContext)\n      return (\n        <BaseComponent\n          ref={ref}\n          key={args.toString()}\n          foundation={currentFoundation}\n          {...props}\n        />\n      )\n    })\n    BaseRefComponent.toString = BaseComponent.toString\n    return BaseRefComponent\n  }\n  customTemplateFn.attrs = (attrs) => templateFunctionGenerator(BaseComponentGenerator.attrs(attrs))\n  customTemplateFn.withConfig = (config) => templateFunctionGenerator(BaseComponentGenerator.withConfig(config))\n  return customTemplateFn\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst FoundationStyled: FoundationStyledInterface = (tag) => {\n  const tagTemplate = safetyStyledInNextJs(tag)\n  return templateFunctionGenerator(tagTemplate)\n};\n\n(domElements as Array<AnyStyledComponent>).forEach(element => {\n  FoundationStyled[element] = FoundationStyled(element)\n})\n\ninterface FoundationCSSInterface {\n  (\n    first: TemplateStringsArray | CSSObject,\n    ...interpolations: SimpleInterpolation[]\n  ): FlattenSimpleInterpolation\n  (\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>\n}\n\n/* eslint-disable-next-line func-names */\nconst FoundationCSS: FoundationCSSInterface = baseCSS\n\nfunction useFoundation() {\n  return useContext(FoundationContext)\n}\n\ntype GlobalStyleProp = {\n  global?: CSSObject\n}\n\ntype FoundationWithGlobalStyle = Foundation & GlobalStyleProp\ninterface CreateFoundationGlobalStyle {\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>>\n  ): GlobalStyleComponent<\n  // @ts-ignore\n  P & { foundation: FoundationWithGlobalStyle },\n  ThemedStyledProps<P & { foundation: FoundationWithGlobalStyle }, Foundation>\n  >\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst createFoundationGlobalStyle: CreateFoundationGlobalStyle = baseCreateGlobalStyle\n\nexport type {\n  GlobalStyleProp,\n}\n\nexport {\n  createFoundationGlobalStyle as createGlobalStyle,\n  FoundationStyled as styled,\n  FoundationCSS as css,\n  FoundationProvider,\n  useFoundation,\n  keyframes,\n  ServerStyleSheet,\n}\n"],"names":["safetyStyledInNextJs","styled","default","FoundationContext","createContext","FoundationProvider","foundation","children","React","createElement","Provider","value","templateFunctionGenerator","BaseComponentGenerator","customTemplateFn","args","BaseComponent","BaseRefComponent","forwardRef","props","ref","currentFoundation","useContext","Object","assign","key","toString","attrs","withConfig","config","FoundationStyled","tag","tagTemplate","domElements","forEach","element","FoundationCSS","baseCSS","useFoundation","createFoundationGlobalStyle","baseCreateGlobalStyle"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAgCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,GAAIC,MAAM,CAACC,OAAO,IAAID,MAA0B,CAAA;AAE1E,MAAME,iBAAiB,gBAAGC,mBAAa,CAAoB,IAAI,CAAC,CAAA;AAOhE,SAASC,kBAAkBA,CAAC;EAC1BC,UAAU;AACVC,EAAAA,QAAAA;AACuB,CAAC,EAAE;AAC1B,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACN,iBAAiB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,UAAAA;AAAW,GAAA,EAC1CC,QACwB,CAAC,CAAA;AAEjC,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA,SAASK,yBAAyBA,CAACC,sBAAwF,EAAE;AAC3H,EAAA,MAAMC,gBAAgB,GAAGA,CAAC,GAAGC,IAA0B,KAAK;AAC1D;AACA,IAAA,MAAMC,aAAa,GAAGH,sBAAsB,CAAC,GAAGE,IAAI,CAAC,CAAA;IACrD,MAAME,gBAAgB,gBAAGC,gBAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAClD,MAAA,MAAMC,iBAAiB,GAAGC,gBAAU,CAACnB,iBAAiB,CAAC,CAAA;MACvD,oBACEK,KAAA,CAAAC,aAAA,CAACO,aAAa,EAAAO,MAAA,CAAAC,MAAA,CAAA;AACZJ,QAAAA,GAAG,EAAEA,GAAI;AACTK,QAAAA,GAAG,EAAEV,IAAI,CAACW,QAAQ,EAAG;AACrBpB,QAAAA,UAAU,EAAEe,iBAAAA;OACRF,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,KAAC,CAAC,CAAA;AACFF,IAAAA,gBAAgB,CAACS,QAAQ,GAAGV,aAAa,CAACU,QAAQ,CAAA;AAClD,IAAA,OAAOT,gBAAgB,CAAA;GACxB,CAAA;AACDH,EAAAA,gBAAgB,CAACa,KAAK,GAAIA,KAAK,IAAKf,yBAAyB,CAACC,sBAAsB,CAACc,KAAK,CAACA,KAAK,CAAC,CAAC,CAAA;AAClGb,EAAAA,gBAAgB,CAACc,UAAU,GAAIC,MAAM,IAAKjB,yBAAyB,CAACC,sBAAsB,CAACe,UAAU,CAACC,MAAM,CAAC,CAAC,CAAA;AAC9G,EAAA,OAAOf,gBAAgB,CAAA;AACzB,CAAA;;AAEA;AACMgB,MAAAA,gBAA2C,GAAIC,GAAG,IAAK;AAC3D,EAAA,MAAMC,WAAW,GAAGhC,oBAAoB,CAAC+B,GAAG,CAAC,CAAA;EAC7C,OAAOnB,yBAAyB,CAACoB,WAAW,CAAC,CAAA;AAC/C,EAAC;AAEAC,mBAAW,CAA+BC,OAAO,CAACC,OAAO,IAAI;AAC5DL,EAAAA,gBAAgB,CAACK,OAAO,CAAC,GAAGL,gBAAgB,CAACK,OAAO,CAAC,CAAA;AACvD,CAAC,CAAC,CAAA;AAuBF;AACMC,MAAAA,aAAqC,GAAGC,WAAO;AAErD,SAASC,aAAaA,GAAG;EACvB,OAAOhB,gBAAU,CAACnB,iBAAiB,CAAC,CAAA;AACtC,CAAA;AAqBA;AAA0C;AACpCoC,MAAAA,2BAAwD,GAAGC;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FoundationStyledComponent.js","sources":["../../../src/foundation/FoundationStyledComponent.tsx"],"sourcesContent":["/**\n * NOTE:\n * 이 모듈은 Text, Icon 등 뿐 아니라 Colors, Elevation 등에서도 import 하고 있습니다.\n * 이로 인해 Colors(Elevation 등) -> ThemedStyledComponent -> Theme -> Colors(Elevation 등)\n * 의 Circular dependency 가 발생합니다.\n * 하지만 ThemedStyledComponent 에서 사용하는 Theme 은 단순한 interface 로\n * 동작에는 문제가 없으며, type checking 도 올바르게 됩니다.\n */\n\nimport React, {\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport styled, {\n  type AnyStyledComponent,\n  type CSSObject,\n  type FlattenInterpolation,\n  type FlattenSimpleInterpolation,\n  type GlobalStyleComponent,\n  type Interpolation,\n  type InterpolationFunction,\n  ServerStyleSheet,\n  type SimpleInterpolation,\n  StyleSheetManager,\n  type StyledComponentInnerAttrs,\n  type StyledComponentInnerComponent,\n  type StyledComponentInnerOtherProps,\n  type StyledInterface,\n  type ThemedStyledFunction,\n  type ThemedStyledProps,\n  css as baseCSS,\n  createGlobalStyle as baseCreateGlobalStyle,\n  keyframes,\n} from 'styled-components'\n\nimport { type Foundation } from './Foundation'\nimport domElements from './utils/domElements'\n\n/**\n * When interpreting the `.mjs` extension in the Next.js environment,\n * default imported `styled` function are not interpreted correctly.\n *\n * We add `.default` to cover situation where the module is interpreted in CJS.\n *\n * This is code that can be removed when the major version of `styled-components` is updated (v6)\n * and `styled` functions are changed to named import.\n *\n * @see https://github.com/rollup/rollup/issues/4438\n * @see https://github.com/styled-components/styled-components/issues/115\n */\n// @ts-expect-error\nconst safetyStyledInNextJs = (styled.default ?? styled) as StyledInterface\n\nconst FoundationContext = createContext<Foundation | null>(null)\n\ninterface FoundationProviderProps {\n  foundation: Foundation\n  children: React.ReactNode\n}\n\nfunction FoundationProvider({\n  foundation,\n  children,\n}: FoundationProviderProps) {\n  return (\n    <FoundationContext.Provider value={foundation}>\n      { children }\n    </FoundationContext.Provider>\n  )\n}\n\n/**\n * NOTE:\n * styled component 는 theme Context 를 갖고 있습니다. 하지만 이 context 를 사용할때는 반드시 'theme' 이라는 이름으로밖에 접근할 수 없습니다.\n * Theme 이라는 용어는 내부적으로 이미 사용하고 있거니와, styled 의 theme 에 해당하는 개념에 Mondrian 은 Foundation 이라는 이름을 붙여주었습니다.\n * 이 괴리를 해소하기 위해 styled 함수를 wrapping 하고 커스텀 context 를 강제 주입합니다.\n * 아래의 interface, type 들은 타입체크 에러를 해소하기 위해 작성되었습니다. 제거 가능한 방법을 찾을 경우 가급적 제거하는 것이 필요합니다.\n */\n\ntype FoundationStyledComponentFactories = {\n  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<TTag, Foundation, { foundation?: Foundation }>\n}\n\ninterface FoundationStyledInterface extends FoundationStyledComponentFactories {\n  <C extends AnyStyledComponent>(component: C): ThemedStyledFunction<\n  StyledComponentInnerComponent<C>,\n  Foundation,\n  StyledComponentInnerOtherProps<C> & { foundation?: Foundation },\n  StyledComponentInnerAttrs<C>\n  >\n  <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n    // unfortunately using a conditional type to validate that it can receive a `theme?: Theme`\n    // causes tests to fail in TS 3.1\n    component: C\n  ): ThemedStyledFunction<C, Foundation, { foundation?: Foundation }>\n}\n\nfunction templateFunctionGenerator(BaseComponentGenerator: ThemedStyledFunction<any, any, object, string | number | symbol>) {\n  const customTemplateFn = (...args: TemplateStringsArray) => {\n    // @ts-ignore\n    const BaseComponent = BaseComponentGenerator(...args)\n    const BaseRefComponent = forwardRef((props, ref) => {\n      const currentFoundation = useContext(FoundationContext)\n      return (\n        <BaseComponent\n          ref={ref}\n          key={args.toString()}\n          foundation={currentFoundation}\n          {...props}\n        />\n      )\n    })\n    BaseRefComponent.toString = BaseComponent.toString\n    return BaseRefComponent\n  }\n  customTemplateFn.attrs = (attrs) => templateFunctionGenerator(BaseComponentGenerator.attrs(attrs))\n  customTemplateFn.withConfig = (config) => templateFunctionGenerator(BaseComponentGenerator.withConfig(config))\n  return customTemplateFn\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst FoundationStyled: FoundationStyledInterface = (tag) => {\n  const tagTemplate = safetyStyledInNextJs(tag)\n  return templateFunctionGenerator(tagTemplate)\n};\n\n(domElements as Array<AnyStyledComponent>).forEach(element => {\n  FoundationStyled[element] = FoundationStyled(element)\n})\n\ninterface FoundationCSSInterface {\n  (\n    first: TemplateStringsArray | CSSObject,\n    ...interpolations: SimpleInterpolation[]\n  ): FlattenSimpleInterpolation\n  (\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>\n}\n\n/* eslint-disable-next-line func-names */\nconst FoundationCSS: FoundationCSSInterface = baseCSS\n\nfunction useFoundation() {\n  return useContext(FoundationContext)\n}\n\ntype GlobalStyleProp = {\n  global?: CSSObject\n}\n\ntype FoundationWithGlobalStyle = Foundation & GlobalStyleProp\ninterface CreateFoundationGlobalStyle {\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>>\n  ): GlobalStyleComponent<\n  // @ts-ignore\n  P & { foundation: FoundationWithGlobalStyle },\n  ThemedStyledProps<P & { foundation: FoundationWithGlobalStyle }, Foundation>\n  >\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst createFoundationGlobalStyle: CreateFoundationGlobalStyle = baseCreateGlobalStyle\n\nexport type {\n  GlobalStyleProp,\n}\n\nexport {\n  createFoundationGlobalStyle as createGlobalStyle,\n  FoundationStyled as styled,\n  FoundationCSS as css,\n  FoundationProvider,\n  useFoundation,\n  keyframes,\n  StyleSheetManager,\n  ServerStyleSheet,\n}\n"],"names":["safetyStyledInNextJs","styled","default","FoundationContext","createContext","FoundationProvider","foundation","children","React","createElement","Provider","value","templateFunctionGenerator","BaseComponentGenerator","customTemplateFn","args","BaseComponent","BaseRefComponent","forwardRef","props","ref","currentFoundation","useContext","Object","assign","key","toString","attrs","withConfig","config","FoundationStyled","tag","tagTemplate","domElements","forEach","element","FoundationCSS","baseCSS","useFoundation","createFoundationGlobalStyle","baseCreateGlobalStyle"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAiCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,GAAIC,MAAM,CAACC,OAAO,IAAID,MAA0B,CAAA;AAE1E,MAAME,iBAAiB,gBAAGC,mBAAa,CAAoB,IAAI,CAAC,CAAA;AAOhE,SAASC,kBAAkBA,CAAC;EAC1BC,UAAU;AACVC,EAAAA,QAAAA;AACuB,CAAC,EAAE;AAC1B,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACN,iBAAiB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,UAAAA;AAAW,GAAA,EAC1CC,QACwB,CAAC,CAAA;AAEjC,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA,SAASK,yBAAyBA,CAACC,sBAAwF,EAAE;AAC3H,EAAA,MAAMC,gBAAgB,GAAGA,CAAC,GAAGC,IAA0B,KAAK;AAC1D;AACA,IAAA,MAAMC,aAAa,GAAGH,sBAAsB,CAAC,GAAGE,IAAI,CAAC,CAAA;IACrD,MAAME,gBAAgB,gBAAGC,gBAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAClD,MAAA,MAAMC,iBAAiB,GAAGC,gBAAU,CAACnB,iBAAiB,CAAC,CAAA;MACvD,oBACEK,KAAA,CAAAC,aAAA,CAACO,aAAa,EAAAO,MAAA,CAAAC,MAAA,CAAA;AACZJ,QAAAA,GAAG,EAAEA,GAAI;AACTK,QAAAA,GAAG,EAAEV,IAAI,CAACW,QAAQ,EAAG;AACrBpB,QAAAA,UAAU,EAAEe,iBAAAA;OACRF,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,KAAC,CAAC,CAAA;AACFF,IAAAA,gBAAgB,CAACS,QAAQ,GAAGV,aAAa,CAACU,QAAQ,CAAA;AAClD,IAAA,OAAOT,gBAAgB,CAAA;GACxB,CAAA;AACDH,EAAAA,gBAAgB,CAACa,KAAK,GAAIA,KAAK,IAAKf,yBAAyB,CAACC,sBAAsB,CAACc,KAAK,CAACA,KAAK,CAAC,CAAC,CAAA;AAClGb,EAAAA,gBAAgB,CAACc,UAAU,GAAIC,MAAM,IAAKjB,yBAAyB,CAACC,sBAAsB,CAACe,UAAU,CAACC,MAAM,CAAC,CAAC,CAAA;AAC9G,EAAA,OAAOf,gBAAgB,CAAA;AACzB,CAAA;;AAEA;AACMgB,MAAAA,gBAA2C,GAAIC,GAAG,IAAK;AAC3D,EAAA,MAAMC,WAAW,GAAGhC,oBAAoB,CAAC+B,GAAG,CAAC,CAAA;EAC7C,OAAOnB,yBAAyB,CAACoB,WAAW,CAAC,CAAA;AAC/C,EAAC;AAEAC,mBAAW,CAA+BC,OAAO,CAACC,OAAO,IAAI;AAC5DL,EAAAA,gBAAgB,CAACK,OAAO,CAAC,GAAGL,gBAAgB,CAACK,OAAO,CAAC,CAAA;AACvD,CAAC,CAAC,CAAA;AAuBF;AACMC,MAAAA,aAAqC,GAAGC,WAAO;AAErD,SAASC,aAAaA,GAAG;EACvB,OAAOhB,gBAAU,CAACnB,iBAAiB,CAAC,CAAA;AACtC,CAAA;AAqBA;AAA0C;AACpCoC,MAAAA,2BAAwD,GAAGC;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/foundation/Mixins.js

@@ -83,7 +83,7 @@ const smoothCorners = ({
     border-radius: ${borderRadius};
   `}
 
-  ${SmoothCornersFeature.default.activated && FoundationStyledComponent.css`
+  ${SmoothCornersFeature.default.activated.get(globalThis) && FoundationStyledComponent.css`
     @supports (background: paint(smooth-corners)) {
       padding: ${shadowBlur * 2}px;
       margin: ${-(shadowBlur * 2) + margin}px;

package/dist/cjs/foundation/Mixins.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mixins.js","sources":["../../../src/foundation/Mixins.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport type { SimpleInterpolation } from 'styled-components'\n\nimport { SmoothCornersFeature } from '~/src/features'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { css } from './FoundationStyledComponent'\n\nexport const absoluteCenter = (otherTransforms?: SimpleInterpolation) => css`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) ${otherTransforms};\n`\n\n// eslint-disable-next-line max-len\nexport const centeredBackgroundImage = <Type extends number | string>(...sizes: [Type] | [Type, Type]): ReturnType<typeof css> => {\n  const [width, height = width] = sizes\n\n  return css`\n    background-image: var(--background-image);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: ${width}px, ${height}px;\n    background-clip: content-box;\n  `\n}\n\nexport const disableAutoMinimum = css`\n  min-width: 0;\n  min-height: 0;\n`\n\nexport const hideScrollbars = () => css`\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`\n\n/* line이  1이거나 undefined일때는 lineheight가 optional이지만, 1보다 큰 숫자일 경우 lineHeight를 명시하도록 합니다. */\ntype One = 1\nexport function ellipsis(line?: undefined, lineHeight?: undefined): ReturnType<typeof css>\nexport function ellipsis(line?: One, lineHeight?: undefined): ReturnType<typeof css>\nexport function ellipsis(line: number, lineHeight: number): ReturnType<typeof css>\nexport function ellipsis(line?: number, lineHeight?: number): ReturnType<typeof css> {\n  if (isNil(line) || line <= 1) {\n    return css`\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      `\n  }\n\n  if (isNil(lineHeight)) {\n    // eslint-disable-next-line no-console\n    console.warn('lineHeight required')\n    return css``\n  }\n\n  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n  return css`\n      display: -webkit-box;\n      max-height: ${(line * lineHeight)}rem;\n      overflow: hidden;\n      line-height: ${lineHeight}rem;\n      text-overflow: ellipsis;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${line};\n    `\n  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\ninterface SmoothCornersOptions {\n  borderRadius?: number | string\n  shadow?: string\n  backgroundColor?: string\n  hasBackgroundImage?: boolean\n  shadowBlur?: number\n  margin?: number\n}\n\nexport const smoothCorners = ({\n  borderRadius = 0,\n  shadow = '0 0 0 0 transparent',\n  backgroundColor = 'white',\n  hasBackgroundImage = false,\n  shadowBlur = 0,\n  margin = 0,\n}: SmoothCornersOptions) => css`\n  margin: ${margin}px;\n  background-color: ${backgroundColor};\n\n  ${hasBackgroundImage && css`\n    background-image: var(--background-image);\n    background-size: cover;\n  `}\n\n  ${borderRadius && css`\n    border-radius: ${borderRadius};\n  `}\n\n  ${SmoothCornersFeature.activated && css`\n    @supports (background: paint(smooth-corners)) {\n      padding: ${shadowBlur * 2}px;\n      margin: ${-(shadowBlur * 2) + margin}px;\n      background: paint(smooth-corners);\n      border-radius: 0;\n      /* Custom property 는 CSSUnparsedValue 로만 잡혀서 사용하는 임시 속성 */\n      box-shadow: none;\n\n      ${hasBackgroundImage && css`\n        border-image-source: var(--background-image);\n      `}\n\n      --smooth-corners: ${borderRadius};\n      --smooth-corners-shadow: ${shadow};\n      --smooth-corners-bg-color: ${backgroundColor};\n      --smooth-corners-padding: ${shadowBlur * 2};\n      --smooth-corners-radius-unit: ${typeof borderRadius === 'string' ? 'string' : 'number'};\n    }\n  `}\n`\n\ninterface BackgroundImageVariableOptions {\n  imageUrl: string\n}\n\nexport const backgroundImageVariable = ({ imageUrl }: BackgroundImageVariableOptions): CSSProperties => ({\n  // @ts-ignore\n  '--background-image': `url(${imageUrl})`,\n})\n"],"names":["absoluteCenter","otherTransforms","css","centeredBackgroundImage","sizes","width","height","disableAutoMinimum","hideScrollbars","ellipsis","line","lineHeight","isNil","console","warn","smoothCorners","borderRadius","shadow","backgroundColor","hasBackgroundImage","shadowBlur","margin","SmoothCornersFeature","activated","backgroundImageVariable","imageUrl"],"mappings":"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"}
+{"version":3,"file":"Mixins.js","sources":["../../../src/foundation/Mixins.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport type { SimpleInterpolation } from 'styled-components'\n\nimport { SmoothCornersFeature } from '~/src/features'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { css } from './FoundationStyledComponent'\n\nexport const absoluteCenter = (otherTransforms?: SimpleInterpolation) => css`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) ${otherTransforms};\n`\n\n// eslint-disable-next-line max-len\nexport const centeredBackgroundImage = <Type extends number | string>(...sizes: [Type] | [Type, Type]): ReturnType<typeof css> => {\n  const [width, height = width] = sizes\n\n  return css`\n    background-image: var(--background-image);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: ${width}px, ${height}px;\n    background-clip: content-box;\n  `\n}\n\nexport const disableAutoMinimum = css`\n  min-width: 0;\n  min-height: 0;\n`\n\nexport const hideScrollbars = () => css`\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`\n\n/* line이  1이거나 undefined일때는 lineheight가 optional이지만, 1보다 큰 숫자일 경우 lineHeight를 명시하도록 합니다. */\ntype One = 1\nexport function ellipsis(line?: undefined, lineHeight?: undefined): ReturnType<typeof css>\nexport function ellipsis(line?: One, lineHeight?: undefined): ReturnType<typeof css>\nexport function ellipsis(line: number, lineHeight: number): ReturnType<typeof css>\nexport function ellipsis(line?: number, lineHeight?: number): ReturnType<typeof css> {\n  if (isNil(line) || line <= 1) {\n    return css`\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      `\n  }\n\n  if (isNil(lineHeight)) {\n    // eslint-disable-next-line no-console\n    console.warn('lineHeight required')\n    return css``\n  }\n\n  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n  return css`\n      display: -webkit-box;\n      max-height: ${(line * lineHeight)}rem;\n      overflow: hidden;\n      line-height: ${lineHeight}rem;\n      text-overflow: ellipsis;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${line};\n    `\n  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\ninterface SmoothCornersOptions {\n  borderRadius?: number | string\n  shadow?: string\n  backgroundColor?: string\n  hasBackgroundImage?: boolean\n  shadowBlur?: number\n  margin?: number\n}\n\nexport const smoothCorners = ({\n  borderRadius = 0,\n  shadow = '0 0 0 0 transparent',\n  backgroundColor = 'white',\n  hasBackgroundImage = false,\n  shadowBlur = 0,\n  margin = 0,\n}: SmoothCornersOptions) => css`\n  margin: ${margin}px;\n  background-color: ${backgroundColor};\n\n  ${hasBackgroundImage && css`\n    background-image: var(--background-image);\n    background-size: cover;\n  `}\n\n  ${borderRadius && css`\n    border-radius: ${borderRadius};\n  `}\n\n  ${SmoothCornersFeature.activated.get(globalThis) && css`\n    @supports (background: paint(smooth-corners)) {\n      padding: ${shadowBlur * 2}px;\n      margin: ${-(shadowBlur * 2) + margin}px;\n      background: paint(smooth-corners);\n      border-radius: 0;\n      /* Custom property 는 CSSUnparsedValue 로만 잡혀서 사용하는 임시 속성 */\n      box-shadow: none;\n\n      ${hasBackgroundImage && css`\n        border-image-source: var(--background-image);\n      `}\n\n      --smooth-corners: ${borderRadius};\n      --smooth-corners-shadow: ${shadow};\n      --smooth-corners-bg-color: ${backgroundColor};\n      --smooth-corners-padding: ${shadowBlur * 2};\n      --smooth-corners-radius-unit: ${typeof borderRadius === 'string' ? 'string' : 'number'};\n    }\n  `}\n`\n\ninterface BackgroundImageVariableOptions {\n  imageUrl: string\n}\n\nexport const backgroundImageVariable = ({ imageUrl }: BackgroundImageVariableOptions): CSSProperties => ({\n  // @ts-ignore\n  '--background-image': `url(${imageUrl})`,\n})\n"],"names":["absoluteCenter","otherTransforms","css","centeredBackgroundImage","sizes","width","height","disableAutoMinimum","hideScrollbars","ellipsis","line","lineHeight","isNil","console","warn","smoothCorners","borderRadius","shadow","backgroundColor","hasBackgroundImage","shadowBlur","margin","SmoothCornersFeature","activated","get","globalThis","backgroundImageVariable","imageUrl"],"mappings":"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"}

package/dist/cjs/index.js

@@ -185,6 +185,10 @@ Object.defineProperty(exports, 'ServerStyleSheet', {
 	enumerable: true,
 	get: function () { return styled.ServerStyleSheet; }
 });
+Object.defineProperty(exports, 'StyleSheetManager', {
+	enumerable: true,
+	get: function () { return styled.StyleSheetManager; }
+});
 Object.defineProperty(exports, 'keyframes', {
 	enumerable: true,
 	get: function () { return styled.keyframes; }

package/dist/cjs/index.js.map

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

package/dist/cjs/node_modules/uuid/dist/esm-browser/stringify.js

@@ -12,7 +12,7 @@ for (let i = 0; i < 256; ++i) {
 function unsafeStringify(arr, offset = 0) {
   // Note: Be careful editing this code!  It's been tuned for performance
   // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
 }
 
 exports.unsafeStringify = unsafeStringify;

package/dist/cjs/node_modules/uuid/dist/esm-browser/stringify.js.map

@@ -1 +1 @@
-{"version":3,"file":"stringify.js","sources":["../../../../../../../../node_modules/uuid/dist/esm-browser/stringify.js"],"sourcesContent":["import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;"],"names":["byteToHex","i","push","toString","slice","unsafeStringify","arr","offset","toLowerCase"],"mappings":";;AACA;AACA;AACA;AACA;;AAEA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,GAAG,EAAE,EAAEA,CAAC,EAAE;AAC5BD,EAAAA,SAAS,CAACE,IAAI,CAAC,CAACD,CAAC,GAAG,KAAK,EAAEE,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AACnD,CAAA;AAEO,SAASC,eAAeA,CAACC,GAAG,EAAEC,MAAM,GAAG,CAAC,EAAE;AAC/C;AACA;AACA,EAAA,OAAO,CAACP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAEC,WAAW,EAAE,CAAA;AACpgB;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"stringify.js","sources":["../../../../../../../../node_modules/uuid/dist/esm-browser/stringify.js"],"sourcesContent":["import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;"],"names":["byteToHex","i","push","toString","slice","unsafeStringify","arr","offset"],"mappings":";;AACA;AACA;AACA;AACA;;AAEA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,GAAG,EAAE,EAAEA,CAAC,EAAE;AAC5BD,EAAAA,SAAS,CAACE,IAAI,CAAC,CAACD,CAAC,GAAG,KAAK,EAAEE,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AACnD,CAAA;AAEO,SAASC,eAAeA,CAACC,GAAG,EAAEC,MAAM,GAAG,CAAC,EAAE;AAC/C;AACA;AACA,EAAA,OAAOP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAA;AACpf;;;;","x_google_ignoreList":[0]}

package/dist/esm/features/Feature.mjs

@@ -2,14 +2,6 @@ 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 };
+export { FeatureType };
 //# sourceMappingURL=Feature.mjs.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"Feature.mjs","sources":["../../../src/features/Feature.ts"],"sourcesContent":["export enum FeatureType {\n  SmoothCorners = 'smooth-corners',\n}\n\nexport interface Feature {\n  readonly name: FeatureType\n  activate: () => Promise<boolean>\n}\n"],"names":["FeatureType"],"mappings":"AAAYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,eAAA,CAAA,GAAA,gBAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -1,40 +1,57 @@
-import { FeatureType, Feature } from '../Feature.mjs';
+import { FeatureType } from '../Feature.mjs';
 import { smoothCornersScript } from './smoothCornersScript.mjs';
 
 // eslint-disable-next-line no-restricted-imports
 
+/**
+ * @see {@link https://fetch.spec.whatwg.org/#requestcredentials}
+ */
+
+/**
+ * @see {@link https://html.spec.whatwg.org/multipage/worklets.html#worklets-worklet}
+ */
+
 /**
  * 🚨 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 {
+class SmoothCornersFeature {
+  name = FeatureType.SmoothCorners;
+  globalObject = null;
+
   /**
    * @deprecated (@ed) Upcoming improvements
    * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
    */
-  activated = false;
-  async activate() {
-    if (!this.activated && typeof CSS !== 'undefined' && 'paintWorklet' in CSS) {
+  activated = new WeakMap([[globalThis, false]]);
+  updateCurrentGlobalObject(globalObject) {
+    this.globalObject = globalObject;
+  }
+  isGlobalObjectIdentical(globalObject) {
+    return Object.is(this.globalObject, globalObject);
+  }
+  supportCSSPaintWorklet(globalObject) {
+    return typeof globalObject.CSS !== 'undefined' && 'paintWorklet' in globalObject.CSS;
+  }
+  async activate(globalObject = globalThis) {
+    if (!this.isGlobalObjectIdentical(globalObject) && this.supportCSSPaintWorklet(globalObject)) {
       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;
-      });
+      try {
+        await globalObject.CSS.paintWorklet.addModule(workletURL);
+        this.activated.set(globalObject, true);
+      } catch {
+        this.activated.set(globalObject, false);
+      }
     }
-    return this.activated;
+    this.updateCurrentGlobalObject(globalObject);
+    return this.activated.get(globalObject);
   }
 }
-var SmoothCornersFeature$1 = new SmoothCornersFeature(FeatureType.SmoothCorners);
+var SmoothCornersFeature$1 = new SmoothCornersFeature();
 
 export { SmoothCornersFeature$1 as default };
 //# sourceMappingURL=SmoothCornersFeature.mjs.map

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

@@ -1 +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","activated","activate","CSS","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","promise","paintWorklet","addModule","then","catch","FeatureType","SmoothCorners"],"mappings":";;;AAAA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,SAASC,OAAO,CAAC;AACzC;AACF;AACA;AACA;AACEC,EAAAA,SAAS,GAAG,KAAK,CAAA;EAEjB,MAAMC,QAAQA,GAAG;AACf,IAAA,IACE,CAAC,IAAI,CAACD,SAAS,IACZ,OAAOE,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,CAACZ,SAAS,GAAG,IAAI,CAAA;QACrB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAACa,KAAK,CAAC,MAAM;QACb,IAAI,CAACb,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,IAAIF,oBAAoB,CAACgB,WAAW,CAACC,aAAa,CAAC;;;;"}
+{"version":3,"file":"SmoothCornersFeature.mjs","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport {\n  type Feature,\n  FeatureType,\n} from '../Feature'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * @see {@link https://fetch.spec.whatwg.org/#requestcredentials}\n */\ntype RequestCredentials = 'omit' | 'same-origin' | 'include'\n\ntype WorkletOptions = {\n  credentials: RequestCredentials\n}\n\n/**\n * @see {@link https://html.spec.whatwg.org/multipage/worklets.html#worklets-worklet}\n */\ninterface Worklet {\n  addModule: (moduleURL: string, options?: WorkletOptions) => Promise<void>\n}\n\ndeclare global {\n  namespace CSS {\n    export const paintWorklet: Worklet\n  }\n}\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 implements Feature {\n  readonly name = FeatureType.SmoothCorners\n\n  private globalObject: typeof globalThis | null = null\n\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: WeakMap<typeof globalThis, boolean> = new WeakMap([[globalThis, false]])\n\n  private updateCurrentGlobalObject(globalObject: typeof globalThis) {\n    this.globalObject = globalObject\n  }\n\n  private isGlobalObjectIdentical(globalObject: typeof globalThis) {\n    return Object.is(this.globalObject, globalObject)\n  }\n\n  private supportCSSPaintWorklet(globalObject: typeof globalThis) {\n    return typeof globalObject.CSS !== 'undefined' && 'paintWorklet' in globalObject.CSS\n  }\n\n  async activate(globalObject: typeof globalThis = globalThis) {\n    if (!this.isGlobalObjectIdentical(globalObject) && this.supportCSSPaintWorklet(globalObject)) {\n      const workletURL = URL.createObjectURL(\n        new Blob([smoothCornersScript], { type: 'application/javascript' }),\n      )\n\n      try {\n        await globalObject.CSS.paintWorklet.addModule(workletURL)\n        this.activated.set(globalObject, true)\n      } catch {\n        this.activated.set(globalObject, false)\n      }\n    }\n\n    this.updateCurrentGlobalObject(globalObject)\n\n    return this.activated.get(globalObject) as boolean\n  }\n}\n\nexport default new SmoothCornersFeature()\n"],"names":["SmoothCornersFeature","name","FeatureType","SmoothCorners","globalObject","activated","WeakMap","globalThis","updateCurrentGlobalObject","isGlobalObjectIdentical","Object","is","supportCSSPaintWorklet","CSS","activate","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","paintWorklet","addModule","set","get"],"mappings":";;;AAAA;;AAQA;AACA;AACA;;AAOA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,CAAoB;EACnCC,IAAI,GAAGC,WAAW,CAACC,aAAa,CAAA;AAEjCC,EAAAA,YAAY,GAA6B,IAAI,CAAA;;AAErD;AACF;AACA;AACA;EACEC,SAAS,GAAwC,IAAIC,OAAO,CAAC,CAAC,CAACC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;EAE3EC,yBAAyBA,CAACJ,YAA+B,EAAE;IACjE,IAAI,CAACA,YAAY,GAAGA,YAAY,CAAA;AAClC,GAAA;EAEQK,uBAAuBA,CAACL,YAA+B,EAAE;IAC/D,OAAOM,MAAM,CAACC,EAAE,CAAC,IAAI,CAACP,YAAY,EAAEA,YAAY,CAAC,CAAA;AACnD,GAAA;EAEQQ,sBAAsBA,CAACR,YAA+B,EAAE;IAC9D,OAAO,OAAOA,YAAY,CAACS,GAAG,KAAK,WAAW,IAAI,cAAc,IAAIT,YAAY,CAACS,GAAG,CAAA;AACtF,GAAA;AAEA,EAAA,MAAMC,QAAQA,CAACV,YAA+B,GAAGG,UAAU,EAAE;AAC3D,IAAA,IAAI,CAAC,IAAI,CAACE,uBAAuB,CAACL,YAAY,CAAC,IAAI,IAAI,CAACQ,sBAAsB,CAACR,YAAY,CAAC,EAAE;AAC5F,MAAA,MAAMW,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,mBAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,wBAAA;AAAyB,OAAC,CACpE,CAAC,CAAA;MAED,IAAI;QACF,MAAMhB,YAAY,CAACS,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACP,UAAU,CAAC,CAAA;QACzD,IAAI,CAACV,SAAS,CAACkB,GAAG,CAACnB,YAAY,EAAE,IAAI,CAAC,CAAA;AACxC,OAAC,CAAC,MAAM;QACN,IAAI,CAACC,SAAS,CAACkB,GAAG,CAACnB,YAAY,EAAE,KAAK,CAAC,CAAA;AACzC,OAAA;AACF,KAAA;AAEA,IAAA,IAAI,CAACI,yBAAyB,CAACJ,YAAY,CAAC,CAAA;AAE5C,IAAA,OAAO,IAAI,CAACC,SAAS,CAACmB,GAAG,CAACpB,YAAY,CAAC,CAAA;AACzC,GAAA;AACF,CAAA;AAEA,6BAAe,IAAIJ,oBAAoB,EAAE;;;;"}

package/dist/esm/foundation/FoundationStyledComponent.mjs

@@ -1,6 +1,6 @@
 import React__default, { useContext, createContext, forwardRef } from 'react';
 import styled, { css, createGlobalStyle } from 'styled-components';
-export { ServerStyleSheet, keyframes } from 'styled-components';
+export { ServerStyleSheet, StyleSheetManager, keyframes } from 'styled-components';
 import domElements from './utils/domElements.mjs';
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"FoundationStyledComponent.mjs","sources":["../../../src/foundation/FoundationStyledComponent.tsx"],"sourcesContent":["/**\n * NOTE:\n * 이 모듈은 Text, Icon 등 뿐 아니라 Colors, Elevation 등에서도 import 하고 있습니다.\n * 이로 인해 Colors(Elevation 등) -> ThemedStyledComponent -> Theme -> Colors(Elevation 등)\n * 의 Circular dependency 가 발생합니다.\n * 하지만 ThemedStyledComponent 에서 사용하는 Theme 은 단순한 interface 로\n * 동작에는 문제가 없으며, type checking 도 올바르게 됩니다.\n */\n\nimport React, {\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport styled, {\n  type AnyStyledComponent,\n  type CSSObject,\n  type FlattenInterpolation,\n  type FlattenSimpleInterpolation,\n  type GlobalStyleComponent,\n  type Interpolation,\n  type InterpolationFunction,\n  ServerStyleSheet,\n  type SimpleInterpolation,\n  type StyledComponentInnerAttrs,\n  type StyledComponentInnerComponent,\n  type StyledComponentInnerOtherProps,\n  type StyledInterface,\n  type ThemedStyledFunction,\n  type ThemedStyledProps,\n  css as baseCSS,\n  createGlobalStyle as baseCreateGlobalStyle,\n  keyframes,\n} from 'styled-components'\n\nimport { type Foundation } from './Foundation'\nimport domElements from './utils/domElements'\n\n/**\n * When interpreting the `.mjs` extension in the Next.js environment,\n * default imported `styled` function are not interpreted correctly.\n *\n * We add `.default` to cover situation where the module is interpreted in CJS.\n *\n * This is code that can be removed when the major version of `styled-components` is updated (v6)\n * and `styled` functions are changed to named import.\n *\n * @see https://github.com/rollup/rollup/issues/4438\n * @see https://github.com/styled-components/styled-components/issues/115\n */\n// @ts-expect-error\nconst safetyStyledInNextJs = (styled.default ?? styled) as StyledInterface\n\nconst FoundationContext = createContext<Foundation | null>(null)\n\ninterface FoundationProviderProps {\n  foundation: Foundation\n  children: React.ReactNode\n}\n\nfunction FoundationProvider({\n  foundation,\n  children,\n}: FoundationProviderProps) {\n  return (\n    <FoundationContext.Provider value={foundation}>\n      { children }\n    </FoundationContext.Provider>\n  )\n}\n\n/**\n * NOTE:\n * styled component 는 theme Context 를 갖고 있습니다. 하지만 이 context 를 사용할때는 반드시 'theme' 이라는 이름으로밖에 접근할 수 없습니다.\n * Theme 이라는 용어는 내부적으로 이미 사용하고 있거니와, styled 의 theme 에 해당하는 개념에 Mondrian 은 Foundation 이라는 이름을 붙여주었습니다.\n * 이 괴리를 해소하기 위해 styled 함수를 wrapping 하고 커스텀 context 를 강제 주입합니다.\n * 아래의 interface, type 들은 타입체크 에러를 해소하기 위해 작성되었습니다. 제거 가능한 방법을 찾을 경우 가급적 제거하는 것이 필요합니다.\n */\n\ntype FoundationStyledComponentFactories = {\n  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<TTag, Foundation, { foundation?: Foundation }>\n}\n\ninterface FoundationStyledInterface extends FoundationStyledComponentFactories {\n  <C extends AnyStyledComponent>(component: C): ThemedStyledFunction<\n  StyledComponentInnerComponent<C>,\n  Foundation,\n  StyledComponentInnerOtherProps<C> & { foundation?: Foundation },\n  StyledComponentInnerAttrs<C>\n  >\n  <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n    // unfortunately using a conditional type to validate that it can receive a `theme?: Theme`\n    // causes tests to fail in TS 3.1\n    component: C\n  ): ThemedStyledFunction<C, Foundation, { foundation?: Foundation }>\n}\n\nfunction templateFunctionGenerator(BaseComponentGenerator: ThemedStyledFunction<any, any, object, string | number | symbol>) {\n  const customTemplateFn = (...args: TemplateStringsArray) => {\n    // @ts-ignore\n    const BaseComponent = BaseComponentGenerator(...args)\n    const BaseRefComponent = forwardRef((props, ref) => {\n      const currentFoundation = useContext(FoundationContext)\n      return (\n        <BaseComponent\n          ref={ref}\n          key={args.toString()}\n          foundation={currentFoundation}\n          {...props}\n        />\n      )\n    })\n    BaseRefComponent.toString = BaseComponent.toString\n    return BaseRefComponent\n  }\n  customTemplateFn.attrs = (attrs) => templateFunctionGenerator(BaseComponentGenerator.attrs(attrs))\n  customTemplateFn.withConfig = (config) => templateFunctionGenerator(BaseComponentGenerator.withConfig(config))\n  return customTemplateFn\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst FoundationStyled: FoundationStyledInterface = (tag) => {\n  const tagTemplate = safetyStyledInNextJs(tag)\n  return templateFunctionGenerator(tagTemplate)\n};\n\n(domElements as Array<AnyStyledComponent>).forEach(element => {\n  FoundationStyled[element] = FoundationStyled(element)\n})\n\ninterface FoundationCSSInterface {\n  (\n    first: TemplateStringsArray | CSSObject,\n    ...interpolations: SimpleInterpolation[]\n  ): FlattenSimpleInterpolation\n  (\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>\n}\n\n/* eslint-disable-next-line func-names */\nconst FoundationCSS: FoundationCSSInterface = baseCSS\n\nfunction useFoundation() {\n  return useContext(FoundationContext)\n}\n\ntype GlobalStyleProp = {\n  global?: CSSObject\n}\n\ntype FoundationWithGlobalStyle = Foundation & GlobalStyleProp\ninterface CreateFoundationGlobalStyle {\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>>\n  ): GlobalStyleComponent<\n  // @ts-ignore\n  P & { foundation: FoundationWithGlobalStyle },\n  ThemedStyledProps<P & { foundation: FoundationWithGlobalStyle }, Foundation>\n  >\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst createFoundationGlobalStyle: CreateFoundationGlobalStyle = baseCreateGlobalStyle\n\nexport type {\n  GlobalStyleProp,\n}\n\nexport {\n  createFoundationGlobalStyle as createGlobalStyle,\n  FoundationStyled as styled,\n  FoundationCSS as css,\n  FoundationProvider,\n  useFoundation,\n  keyframes,\n  ServerStyleSheet,\n}\n"],"names":["safetyStyledInNextJs","styled","default","FoundationContext","createContext","FoundationProvider","foundation","children","React","createElement","Provider","value","templateFunctionGenerator","BaseComponentGenerator","customTemplateFn","args","BaseComponent","BaseRefComponent","forwardRef","props","ref","currentFoundation","useContext","Object","assign","key","toString","attrs","withConfig","config","FoundationStyled","tag","tagTemplate","domElements","forEach","element","FoundationCSS","baseCSS","useFoundation","createFoundationGlobalStyle","baseCreateGlobalStyle"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAgCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,GAAIC,MAAM,CAACC,OAAO,IAAID,MAA0B,CAAA;AAE1E,MAAME,iBAAiB,gBAAGC,aAAa,CAAoB,IAAI,CAAC,CAAA;AAOhE,SAASC,kBAAkBA,CAAC;EAC1BC,UAAU;AACVC,EAAAA,QAAAA;AACuB,CAAC,EAAE;AAC1B,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACN,iBAAiB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,UAAAA;AAAW,GAAA,EAC1CC,QACwB,CAAC,CAAA;AAEjC,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA,SAASK,yBAAyBA,CAACC,sBAAwF,EAAE;AAC3H,EAAA,MAAMC,gBAAgB,GAAGA,CAAC,GAAGC,IAA0B,KAAK;AAC1D;AACA,IAAA,MAAMC,aAAa,GAAGH,sBAAsB,CAAC,GAAGE,IAAI,CAAC,CAAA;IACrD,MAAME,gBAAgB,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAClD,MAAA,MAAMC,iBAAiB,GAAGC,UAAU,CAACnB,iBAAiB,CAAC,CAAA;MACvD,oBACEK,cAAA,CAAAC,aAAA,CAACO,aAAa,EAAAO,MAAA,CAAAC,MAAA,CAAA;AACZJ,QAAAA,GAAG,EAAEA,GAAI;AACTK,QAAAA,GAAG,EAAEV,IAAI,CAACW,QAAQ,EAAG;AACrBpB,QAAAA,UAAU,EAAEe,iBAAAA;OACRF,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,KAAC,CAAC,CAAA;AACFF,IAAAA,gBAAgB,CAACS,QAAQ,GAAGV,aAAa,CAACU,QAAQ,CAAA;AAClD,IAAA,OAAOT,gBAAgB,CAAA;GACxB,CAAA;AACDH,EAAAA,gBAAgB,CAACa,KAAK,GAAIA,KAAK,IAAKf,yBAAyB,CAACC,sBAAsB,CAACc,KAAK,CAACA,KAAK,CAAC,CAAC,CAAA;AAClGb,EAAAA,gBAAgB,CAACc,UAAU,GAAIC,MAAM,IAAKjB,yBAAyB,CAACC,sBAAsB,CAACe,UAAU,CAACC,MAAM,CAAC,CAAC,CAAA;AAC9G,EAAA,OAAOf,gBAAgB,CAAA;AACzB,CAAA;;AAEA;AACMgB,MAAAA,gBAA2C,GAAIC,GAAG,IAAK;AAC3D,EAAA,MAAMC,WAAW,GAAGhC,oBAAoB,CAAC+B,GAAG,CAAC,CAAA;EAC7C,OAAOnB,yBAAyB,CAACoB,WAAW,CAAC,CAAA;AAC/C,EAAC;AAEAC,WAAW,CAA+BC,OAAO,CAACC,OAAO,IAAI;AAC5DL,EAAAA,gBAAgB,CAACK,OAAO,CAAC,GAAGL,gBAAgB,CAACK,OAAO,CAAC,CAAA;AACvD,CAAC,CAAC,CAAA;AAuBF;AACMC,MAAAA,aAAqC,GAAGC,IAAO;AAErD,SAASC,aAAaA,GAAG;EACvB,OAAOhB,UAAU,CAACnB,iBAAiB,CAAC,CAAA;AACtC,CAAA;AAqBA;AAA0C;AACpCoC,MAAAA,2BAAwD,GAAGC;;;;"}
+{"version":3,"file":"FoundationStyledComponent.mjs","sources":["../../../src/foundation/FoundationStyledComponent.tsx"],"sourcesContent":["/**\n * NOTE:\n * 이 모듈은 Text, Icon 등 뿐 아니라 Colors, Elevation 등에서도 import 하고 있습니다.\n * 이로 인해 Colors(Elevation 등) -> ThemedStyledComponent -> Theme -> Colors(Elevation 등)\n * 의 Circular dependency 가 발생합니다.\n * 하지만 ThemedStyledComponent 에서 사용하는 Theme 은 단순한 interface 로\n * 동작에는 문제가 없으며, type checking 도 올바르게 됩니다.\n */\n\nimport React, {\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport styled, {\n  type AnyStyledComponent,\n  type CSSObject,\n  type FlattenInterpolation,\n  type FlattenSimpleInterpolation,\n  type GlobalStyleComponent,\n  type Interpolation,\n  type InterpolationFunction,\n  ServerStyleSheet,\n  type SimpleInterpolation,\n  StyleSheetManager,\n  type StyledComponentInnerAttrs,\n  type StyledComponentInnerComponent,\n  type StyledComponentInnerOtherProps,\n  type StyledInterface,\n  type ThemedStyledFunction,\n  type ThemedStyledProps,\n  css as baseCSS,\n  createGlobalStyle as baseCreateGlobalStyle,\n  keyframes,\n} from 'styled-components'\n\nimport { type Foundation } from './Foundation'\nimport domElements from './utils/domElements'\n\n/**\n * When interpreting the `.mjs` extension in the Next.js environment,\n * default imported `styled` function are not interpreted correctly.\n *\n * We add `.default` to cover situation where the module is interpreted in CJS.\n *\n * This is code that can be removed when the major version of `styled-components` is updated (v6)\n * and `styled` functions are changed to named import.\n *\n * @see https://github.com/rollup/rollup/issues/4438\n * @see https://github.com/styled-components/styled-components/issues/115\n */\n// @ts-expect-error\nconst safetyStyledInNextJs = (styled.default ?? styled) as StyledInterface\n\nconst FoundationContext = createContext<Foundation | null>(null)\n\ninterface FoundationProviderProps {\n  foundation: Foundation\n  children: React.ReactNode\n}\n\nfunction FoundationProvider({\n  foundation,\n  children,\n}: FoundationProviderProps) {\n  return (\n    <FoundationContext.Provider value={foundation}>\n      { children }\n    </FoundationContext.Provider>\n  )\n}\n\n/**\n * NOTE:\n * styled component 는 theme Context 를 갖고 있습니다. 하지만 이 context 를 사용할때는 반드시 'theme' 이라는 이름으로밖에 접근할 수 없습니다.\n * Theme 이라는 용어는 내부적으로 이미 사용하고 있거니와, styled 의 theme 에 해당하는 개념에 Mondrian 은 Foundation 이라는 이름을 붙여주었습니다.\n * 이 괴리를 해소하기 위해 styled 함수를 wrapping 하고 커스텀 context 를 강제 주입합니다.\n * 아래의 interface, type 들은 타입체크 에러를 해소하기 위해 작성되었습니다. 제거 가능한 방법을 찾을 경우 가급적 제거하는 것이 필요합니다.\n */\n\ntype FoundationStyledComponentFactories = {\n  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<TTag, Foundation, { foundation?: Foundation }>\n}\n\ninterface FoundationStyledInterface extends FoundationStyledComponentFactories {\n  <C extends AnyStyledComponent>(component: C): ThemedStyledFunction<\n  StyledComponentInnerComponent<C>,\n  Foundation,\n  StyledComponentInnerOtherProps<C> & { foundation?: Foundation },\n  StyledComponentInnerAttrs<C>\n  >\n  <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n    // unfortunately using a conditional type to validate that it can receive a `theme?: Theme`\n    // causes tests to fail in TS 3.1\n    component: C\n  ): ThemedStyledFunction<C, Foundation, { foundation?: Foundation }>\n}\n\nfunction templateFunctionGenerator(BaseComponentGenerator: ThemedStyledFunction<any, any, object, string | number | symbol>) {\n  const customTemplateFn = (...args: TemplateStringsArray) => {\n    // @ts-ignore\n    const BaseComponent = BaseComponentGenerator(...args)\n    const BaseRefComponent = forwardRef((props, ref) => {\n      const currentFoundation = useContext(FoundationContext)\n      return (\n        <BaseComponent\n          ref={ref}\n          key={args.toString()}\n          foundation={currentFoundation}\n          {...props}\n        />\n      )\n    })\n    BaseRefComponent.toString = BaseComponent.toString\n    return BaseRefComponent\n  }\n  customTemplateFn.attrs = (attrs) => templateFunctionGenerator(BaseComponentGenerator.attrs(attrs))\n  customTemplateFn.withConfig = (config) => templateFunctionGenerator(BaseComponentGenerator.withConfig(config))\n  return customTemplateFn\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst FoundationStyled: FoundationStyledInterface = (tag) => {\n  const tagTemplate = safetyStyledInNextJs(tag)\n  return templateFunctionGenerator(tagTemplate)\n};\n\n(domElements as Array<AnyStyledComponent>).forEach(element => {\n  FoundationStyled[element] = FoundationStyled(element)\n})\n\ninterface FoundationCSSInterface {\n  (\n    first: TemplateStringsArray | CSSObject,\n    ...interpolations: SimpleInterpolation[]\n  ): FlattenSimpleInterpolation\n  (\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>\n}\n\n/* eslint-disable-next-line func-names */\nconst FoundationCSS: FoundationCSSInterface = baseCSS\n\nfunction useFoundation() {\n  return useContext(FoundationContext)\n}\n\ntype GlobalStyleProp = {\n  global?: CSSObject\n}\n\ntype FoundationWithGlobalStyle = Foundation & GlobalStyleProp\ninterface CreateFoundationGlobalStyle {\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>>\n  ): GlobalStyleComponent<\n  // @ts-ignore\n  P & { foundation: FoundationWithGlobalStyle },\n  ThemedStyledProps<P & { foundation: FoundationWithGlobalStyle }, Foundation>\n  >\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst createFoundationGlobalStyle: CreateFoundationGlobalStyle = baseCreateGlobalStyle\n\nexport type {\n  GlobalStyleProp,\n}\n\nexport {\n  createFoundationGlobalStyle as createGlobalStyle,\n  FoundationStyled as styled,\n  FoundationCSS as css,\n  FoundationProvider,\n  useFoundation,\n  keyframes,\n  StyleSheetManager,\n  ServerStyleSheet,\n}\n"],"names":["safetyStyledInNextJs","styled","default","FoundationContext","createContext","FoundationProvider","foundation","children","React","createElement","Provider","value","templateFunctionGenerator","BaseComponentGenerator","customTemplateFn","args","BaseComponent","BaseRefComponent","forwardRef","props","ref","currentFoundation","useContext","Object","assign","key","toString","attrs","withConfig","config","FoundationStyled","tag","tagTemplate","domElements","forEach","element","FoundationCSS","baseCSS","useFoundation","createFoundationGlobalStyle","baseCreateGlobalStyle"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAiCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,GAAIC,MAAM,CAACC,OAAO,IAAID,MAA0B,CAAA;AAE1E,MAAME,iBAAiB,gBAAGC,aAAa,CAAoB,IAAI,CAAC,CAAA;AAOhE,SAASC,kBAAkBA,CAAC;EAC1BC,UAAU;AACVC,EAAAA,QAAAA;AACuB,CAAC,EAAE;AAC1B,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACN,iBAAiB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,UAAAA;AAAW,GAAA,EAC1CC,QACwB,CAAC,CAAA;AAEjC,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA,SAASK,yBAAyBA,CAACC,sBAAwF,EAAE;AAC3H,EAAA,MAAMC,gBAAgB,GAAGA,CAAC,GAAGC,IAA0B,KAAK;AAC1D;AACA,IAAA,MAAMC,aAAa,GAAGH,sBAAsB,CAAC,GAAGE,IAAI,CAAC,CAAA;IACrD,MAAME,gBAAgB,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAClD,MAAA,MAAMC,iBAAiB,GAAGC,UAAU,CAACnB,iBAAiB,CAAC,CAAA;MACvD,oBACEK,cAAA,CAAAC,aAAA,CAACO,aAAa,EAAAO,MAAA,CAAAC,MAAA,CAAA;AACZJ,QAAAA,GAAG,EAAEA,GAAI;AACTK,QAAAA,GAAG,EAAEV,IAAI,CAACW,QAAQ,EAAG;AACrBpB,QAAAA,UAAU,EAAEe,iBAAAA;OACRF,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,KAAC,CAAC,CAAA;AACFF,IAAAA,gBAAgB,CAACS,QAAQ,GAAGV,aAAa,CAACU,QAAQ,CAAA;AAClD,IAAA,OAAOT,gBAAgB,CAAA;GACxB,CAAA;AACDH,EAAAA,gBAAgB,CAACa,KAAK,GAAIA,KAAK,IAAKf,yBAAyB,CAACC,sBAAsB,CAACc,KAAK,CAACA,KAAK,CAAC,CAAC,CAAA;AAClGb,EAAAA,gBAAgB,CAACc,UAAU,GAAIC,MAAM,IAAKjB,yBAAyB,CAACC,sBAAsB,CAACe,UAAU,CAACC,MAAM,CAAC,CAAC,CAAA;AAC9G,EAAA,OAAOf,gBAAgB,CAAA;AACzB,CAAA;;AAEA;AACMgB,MAAAA,gBAA2C,GAAIC,GAAG,IAAK;AAC3D,EAAA,MAAMC,WAAW,GAAGhC,oBAAoB,CAAC+B,GAAG,CAAC,CAAA;EAC7C,OAAOnB,yBAAyB,CAACoB,WAAW,CAAC,CAAA;AAC/C,EAAC;AAEAC,WAAW,CAA+BC,OAAO,CAACC,OAAO,IAAI;AAC5DL,EAAAA,gBAAgB,CAACK,OAAO,CAAC,GAAGL,gBAAgB,CAACK,OAAO,CAAC,CAAA;AACvD,CAAC,CAAC,CAAA;AAuBF;AACMC,MAAAA,aAAqC,GAAGC,IAAO;AAErD,SAASC,aAAaA,GAAG;EACvB,OAAOhB,UAAU,CAACnB,iBAAiB,CAAC,CAAA;AACtC,CAAA;AAqBA;AAA0C;AACpCoC,MAAAA,2BAAwD,GAAGC;;;;"}

package/dist/esm/foundation/Mixins.mjs

@@ -81,7 +81,7 @@ const smoothCorners = ({
     border-radius: ${borderRadius};
   `}
 
-  ${SmoothCornersFeature.activated && FoundationCSS`
+  ${SmoothCornersFeature.activated.get(globalThis) && FoundationCSS`
     @supports (background: paint(smooth-corners)) {
       padding: ${shadowBlur * 2}px;
       margin: ${-(shadowBlur * 2) + margin}px;

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

@@ -1 +1 @@
-{"version":3,"file":"Mixins.mjs","sources":["../../../src/foundation/Mixins.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport type { SimpleInterpolation } from 'styled-components'\n\nimport { SmoothCornersFeature } from '~/src/features'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { css } from './FoundationStyledComponent'\n\nexport const absoluteCenter = (otherTransforms?: SimpleInterpolation) => css`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) ${otherTransforms};\n`\n\n// eslint-disable-next-line max-len\nexport const centeredBackgroundImage = <Type extends number | string>(...sizes: [Type] | [Type, Type]): ReturnType<typeof css> => {\n  const [width, height = width] = sizes\n\n  return css`\n    background-image: var(--background-image);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: ${width}px, ${height}px;\n    background-clip: content-box;\n  `\n}\n\nexport const disableAutoMinimum = css`\n  min-width: 0;\n  min-height: 0;\n`\n\nexport const hideScrollbars = () => css`\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`\n\n/* line이  1이거나 undefined일때는 lineheight가 optional이지만, 1보다 큰 숫자일 경우 lineHeight를 명시하도록 합니다. */\ntype One = 1\nexport function ellipsis(line?: undefined, lineHeight?: undefined): ReturnType<typeof css>\nexport function ellipsis(line?: One, lineHeight?: undefined): ReturnType<typeof css>\nexport function ellipsis(line: number, lineHeight: number): ReturnType<typeof css>\nexport function ellipsis(line?: number, lineHeight?: number): ReturnType<typeof css> {\n  if (isNil(line) || line <= 1) {\n    return css`\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      `\n  }\n\n  if (isNil(lineHeight)) {\n    // eslint-disable-next-line no-console\n    console.warn('lineHeight required')\n    return css``\n  }\n\n  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n  return css`\n      display: -webkit-box;\n      max-height: ${(line * lineHeight)}rem;\n      overflow: hidden;\n      line-height: ${lineHeight}rem;\n      text-overflow: ellipsis;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${line};\n    `\n  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\ninterface SmoothCornersOptions {\n  borderRadius?: number | string\n  shadow?: string\n  backgroundColor?: string\n  hasBackgroundImage?: boolean\n  shadowBlur?: number\n  margin?: number\n}\n\nexport const smoothCorners = ({\n  borderRadius = 0,\n  shadow = '0 0 0 0 transparent',\n  backgroundColor = 'white',\n  hasBackgroundImage = false,\n  shadowBlur = 0,\n  margin = 0,\n}: SmoothCornersOptions) => css`\n  margin: ${margin}px;\n  background-color: ${backgroundColor};\n\n  ${hasBackgroundImage && css`\n    background-image: var(--background-image);\n    background-size: cover;\n  `}\n\n  ${borderRadius && css`\n    border-radius: ${borderRadius};\n  `}\n\n  ${SmoothCornersFeature.activated && css`\n    @supports (background: paint(smooth-corners)) {\n      padding: ${shadowBlur * 2}px;\n      margin: ${-(shadowBlur * 2) + margin}px;\n      background: paint(smooth-corners);\n      border-radius: 0;\n      /* Custom property 는 CSSUnparsedValue 로만 잡혀서 사용하는 임시 속성 */\n      box-shadow: none;\n\n      ${hasBackgroundImage && css`\n        border-image-source: var(--background-image);\n      `}\n\n      --smooth-corners: ${borderRadius};\n      --smooth-corners-shadow: ${shadow};\n      --smooth-corners-bg-color: ${backgroundColor};\n      --smooth-corners-padding: ${shadowBlur * 2};\n      --smooth-corners-radius-unit: ${typeof borderRadius === 'string' ? 'string' : 'number'};\n    }\n  `}\n`\n\ninterface BackgroundImageVariableOptions {\n  imageUrl: string\n}\n\nexport const backgroundImageVariable = ({ imageUrl }: BackgroundImageVariableOptions): CSSProperties => ({\n  // @ts-ignore\n  '--background-image': `url(${imageUrl})`,\n})\n"],"names":["absoluteCenter","otherTransforms","css","centeredBackgroundImage","sizes","width","height","disableAutoMinimum","hideScrollbars","ellipsis","line","lineHeight","isNil","console","warn","smoothCorners","borderRadius","shadow","backgroundColor","hasBackgroundImage","shadowBlur","margin","SmoothCornersFeature","activated","backgroundImageVariable","imageUrl"],"mappings":"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"}
+{"version":3,"file":"Mixins.mjs","sources":["../../../src/foundation/Mixins.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport type { SimpleInterpolation } from 'styled-components'\n\nimport { SmoothCornersFeature } from '~/src/features'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { css } from './FoundationStyledComponent'\n\nexport const absoluteCenter = (otherTransforms?: SimpleInterpolation) => css`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) ${otherTransforms};\n`\n\n// eslint-disable-next-line max-len\nexport const centeredBackgroundImage = <Type extends number | string>(...sizes: [Type] | [Type, Type]): ReturnType<typeof css> => {\n  const [width, height = width] = sizes\n\n  return css`\n    background-image: var(--background-image);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: ${width}px, ${height}px;\n    background-clip: content-box;\n  `\n}\n\nexport const disableAutoMinimum = css`\n  min-width: 0;\n  min-height: 0;\n`\n\nexport const hideScrollbars = () => css`\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`\n\n/* line이  1이거나 undefined일때는 lineheight가 optional이지만, 1보다 큰 숫자일 경우 lineHeight를 명시하도록 합니다. */\ntype One = 1\nexport function ellipsis(line?: undefined, lineHeight?: undefined): ReturnType<typeof css>\nexport function ellipsis(line?: One, lineHeight?: undefined): ReturnType<typeof css>\nexport function ellipsis(line: number, lineHeight: number): ReturnType<typeof css>\nexport function ellipsis(line?: number, lineHeight?: number): ReturnType<typeof css> {\n  if (isNil(line) || line <= 1) {\n    return css`\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      `\n  }\n\n  if (isNil(lineHeight)) {\n    // eslint-disable-next-line no-console\n    console.warn('lineHeight required')\n    return css``\n  }\n\n  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n  return css`\n      display: -webkit-box;\n      max-height: ${(line * lineHeight)}rem;\n      overflow: hidden;\n      line-height: ${lineHeight}rem;\n      text-overflow: ellipsis;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: ${line};\n    `\n  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\ninterface SmoothCornersOptions {\n  borderRadius?: number | string\n  shadow?: string\n  backgroundColor?: string\n  hasBackgroundImage?: boolean\n  shadowBlur?: number\n  margin?: number\n}\n\nexport const smoothCorners = ({\n  borderRadius = 0,\n  shadow = '0 0 0 0 transparent',\n  backgroundColor = 'white',\n  hasBackgroundImage = false,\n  shadowBlur = 0,\n  margin = 0,\n}: SmoothCornersOptions) => css`\n  margin: ${margin}px;\n  background-color: ${backgroundColor};\n\n  ${hasBackgroundImage && css`\n    background-image: var(--background-image);\n    background-size: cover;\n  `}\n\n  ${borderRadius && css`\n    border-radius: ${borderRadius};\n  `}\n\n  ${SmoothCornersFeature.activated.get(globalThis) && css`\n    @supports (background: paint(smooth-corners)) {\n      padding: ${shadowBlur * 2}px;\n      margin: ${-(shadowBlur * 2) + margin}px;\n      background: paint(smooth-corners);\n      border-radius: 0;\n      /* Custom property 는 CSSUnparsedValue 로만 잡혀서 사용하는 임시 속성 */\n      box-shadow: none;\n\n      ${hasBackgroundImage && css`\n        border-image-source: var(--background-image);\n      `}\n\n      --smooth-corners: ${borderRadius};\n      --smooth-corners-shadow: ${shadow};\n      --smooth-corners-bg-color: ${backgroundColor};\n      --smooth-corners-padding: ${shadowBlur * 2};\n      --smooth-corners-radius-unit: ${typeof borderRadius === 'string' ? 'string' : 'number'};\n    }\n  `}\n`\n\ninterface BackgroundImageVariableOptions {\n  imageUrl: string\n}\n\nexport const backgroundImageVariable = ({ imageUrl }: BackgroundImageVariableOptions): CSSProperties => ({\n  // @ts-ignore\n  '--background-image': `url(${imageUrl})`,\n})\n"],"names":["absoluteCenter","otherTransforms","css","centeredBackgroundImage","sizes","width","height","disableAutoMinimum","hideScrollbars","ellipsis","line","lineHeight","isNil","console","warn","smoothCorners","borderRadius","shadow","backgroundColor","hasBackgroundImage","shadowBlur","margin","SmoothCornersFeature","activated","get","globalThis","backgroundImageVariable","imageUrl"],"mappings":"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"}

package/dist/esm/index.mjs

@@ -25,7 +25,7 @@ export { absoluteCenter, backgroundImageVariable, centeredBackgroundImage, disab
 export { ThemeVars } from './foundation/ThemeVars.mjs';
 export { GlobalStyle } from './foundation/GlobalStyle.mjs';
 export { FoundationProvider, createGlobalStyle, css, styled, useFoundation } from './foundation/FoundationStyledComponent.mjs';
-export { ServerStyleSheet, keyframes } from 'styled-components';
+export { ServerStyleSheet, StyleSheetManager, keyframes } from 'styled-components';
 export { AutoFocus } from './components/AutoFocus/AutoFocus.mjs';
 export { Avatar } from './components/Avatars/Avatar/Avatar.mjs';
 export { AvatarSize } from './components/Avatars/Avatar/Avatar.types.mjs';

package/dist/esm/node_modules/uuid/dist/esm-browser/stringify.mjs

@@ -10,7 +10,7 @@ for (let i = 0; i < 256; ++i) {
 function unsafeStringify(arr, offset = 0) {
   // Note: Be careful editing this code!  It's been tuned for performance
   // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
 }
 
 export { unsafeStringify };

package/dist/esm/node_modules/uuid/dist/esm-browser/stringify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"stringify.mjs","sources":["../../../../../../../../node_modules/uuid/dist/esm-browser/stringify.js"],"sourcesContent":["import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;"],"names":["byteToHex","i","push","toString","slice","unsafeStringify","arr","offset","toLowerCase"],"mappings":"AACA;AACA;AACA;AACA;;AAEA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,GAAG,EAAE,EAAEA,CAAC,EAAE;AAC5BD,EAAAA,SAAS,CAACE,IAAI,CAAC,CAACD,CAAC,GAAG,KAAK,EAAEE,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AACnD,CAAA;AAEO,SAASC,eAAeA,CAACC,GAAG,EAAEC,MAAM,GAAG,CAAC,EAAE;AAC/C;AACA;AACA,EAAA,OAAO,CAACP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAEC,WAAW,EAAE,CAAA;AACpgB;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"stringify.mjs","sources":["../../../../../../../../node_modules/uuid/dist/esm-browser/stringify.js"],"sourcesContent":["import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;"],"names":["byteToHex","i","push","toString","slice","unsafeStringify","arr","offset"],"mappings":"AACA;AACA;AACA;AACA;;AAEA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,GAAG,EAAE,EAAEA,CAAC,EAAE;AAC5BD,EAAAA,SAAS,CAACE,IAAI,CAAC,CAACD,CAAC,GAAG,KAAK,EAAEE,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AACnD,CAAA;AAEO,SAASC,eAAeA,CAACC,GAAG,EAAEC,MAAM,GAAG,CAAC,EAAE;AAC/C;AACA;AACA,EAAA,OAAOP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAGP,SAAS,CAACM,GAAG,CAACC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAA;AACpf;;;;","x_google_ignoreList":[0]}

package/dist/types/features/Feature.d.ts

@@ -1,9 +1,8 @@
 export declare enum FeatureType {
     SmoothCorners = "smooth-corners"
 }
-export declare class Feature {
-    name: FeatureType;
-    constructor(name: FeatureType);
-    activate(): Promise<boolean>;
+export interface Feature {
+    readonly name: FeatureType;
+    activate: () => Promise<boolean>;
 }
 //# sourceMappingURL=Feature.d.ts.map

package/dist/types/features/Feature.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Feature.d.ts","sourceRoot":"","sources":["../../../src/features/Feature.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,aAAa,mBAAmB;CACjC;AAED,qBAAa,OAAO;IAClB,IAAI,EAAE,WAAW,CAAA;gBAEL,IAAI,EAAE,WAAW;IAIvB,QAAQ;CAGf"}
+{"version":3,"file":"Feature.d.ts","sourceRoot":"","sources":["../../../src/features/Feature.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,aAAa,mBAAmB;CACjC;AAED,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAA;IAC1B,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;CACjC"}

package/dist/types/features/SmoothCornersFeature/SmoothCornersFeature.d.ts

@@ -1,17 +1,40 @@
-import { Feature } from '../Feature';
+import { type Feature, FeatureType } from '../Feature';
+/**
+ * @see {@link https://fetch.spec.whatwg.org/#requestcredentials}
+ */
+type RequestCredentials = 'omit' | 'same-origin' | 'include';
+type WorkletOptions = {
+    credentials: RequestCredentials;
+};
+/**
+ * @see {@link https://html.spec.whatwg.org/multipage/worklets.html#worklets-worklet}
+ */
+interface Worklet {
+    addModule: (moduleURL: string, options?: WorkletOptions) => Promise<void>;
+}
+declare global {
+    namespace CSS {
+        const paintWorklet: Worklet;
+    }
+}
 /**
  * 🚨 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`.
  */
-declare class SmoothCornersFeature extends Feature {
+declare class SmoothCornersFeature implements Feature {
+    readonly name = FeatureType.SmoothCorners;
+    private globalObject;
     /**
      * @deprecated (@ed) Upcoming improvements
      * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
      */
-    activated: boolean;
-    activate(): Promise<boolean>;
+    activated: WeakMap<typeof globalThis, boolean>;
+    private updateCurrentGlobalObject;
+    private isGlobalObjectIdentical;
+    private supportCSSPaintWorklet;
+    activate(globalObject?: typeof globalThis): Promise<boolean>;
 }
 declare const _default: SmoothCornersFeature;
 export default _default;

package/dist/types/features/SmoothCornersFeature/SmoothCornersFeature.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothCornersFeature.d.ts","sourceRoot":"","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EAER,MAAM,YAAY,CAAA;AAInB;;;;;GAKG;AACH,cAAM,oBAAqB,SAAQ,OAAO;IACxC;;;OAGG;IACH,SAAS,UAAQ;IAEX,QAAQ;CAyBf;;AAED,wBAAkE"}
+{"version":3,"file":"SmoothCornersFeature.d.ts","sourceRoot":"","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,OAAO,EACZ,WAAW,EACZ,MAAM,YAAY,CAAA;AAInB;;GAEG;AACH,KAAK,kBAAkB,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS,CAAA;AAE5D,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAA;AAED;;GAEG;AACH,UAAU,OAAO;IACf,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACL,MAAM,YAAY,EAAE,OAAO,CAAA;KACnC;CACF;AAED;;;;;GAKG;AACH,cAAM,oBAAqB,YAAW,OAAO;IAC3C,QAAQ,CAAC,IAAI,6BAA4B;IAEzC,OAAO,CAAC,YAAY,CAAiC;IAErD;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC,OAAO,UAAU,EAAE,OAAO,CAAC,CAAqC;IAEnF,OAAO,CAAC,yBAAyB;IAIjC,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,sBAAsB;IAIxB,QAAQ,CAAC,YAAY,GAAE,OAAO,UAAuB;CAkB5D;;AAED,wBAAyC"}

package/dist/types/foundation/FoundationStyledComponent.d.ts

@@ -7,7 +7,7 @@
  * 동작에는 문제가 없으며, type checking 도 올바르게 됩니다.
  */
 import React from 'react';
-import { type AnyStyledComponent, type CSSObject, type FlattenInterpolation, type FlattenSimpleInterpolation, type GlobalStyleComponent, type Interpolation, type InterpolationFunction, ServerStyleSheet, type SimpleInterpolation, type StyledComponentInnerAttrs, type StyledComponentInnerComponent, type StyledComponentInnerOtherProps, type ThemedStyledFunction, type ThemedStyledProps, keyframes } from 'styled-components';
+import { type AnyStyledComponent, type CSSObject, type FlattenInterpolation, type FlattenSimpleInterpolation, type GlobalStyleComponent, type Interpolation, type InterpolationFunction, ServerStyleSheet, type SimpleInterpolation, StyleSheetManager, type StyledComponentInnerAttrs, type StyledComponentInnerComponent, type StyledComponentInnerOtherProps, type ThemedStyledFunction, type ThemedStyledProps, keyframes } from 'styled-components';
 import { type Foundation } from './Foundation';
 interface FoundationProviderProps {
     foundation: Foundation;
@@ -71,5 +71,5 @@ interface CreateFoundationGlobalStyle {
 }
 declare const createFoundationGlobalStyle: CreateFoundationGlobalStyle;
 export type { GlobalStyleProp, };
-export { createFoundationGlobalStyle as createGlobalStyle, FoundationStyled as styled, FoundationCSS as css, FoundationProvider, useFoundation, keyframes, ServerStyleSheet, };
+export { createFoundationGlobalStyle as createGlobalStyle, FoundationStyled as styled, FoundationCSS as css, FoundationProvider, useFoundation, keyframes, StyleSheetManager, ServerStyleSheet, };
 //# sourceMappingURL=FoundationStyledComponent.d.ts.map

package/dist/types/foundation/FoundationStyledComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FoundationStyledComponent.d.ts","sourceRoot":"","sources":["../../../src/foundation/FoundationStyledComponent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FoundationStyledComponent.d.ts","sourceRoot":"","sources":["../../../src/foundation/FoundationStyledComponent.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAIN,MAAM,OAAO,CAAA;AAEd,OAAe,EACb,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,gBAAgB,EAChB,KAAK,mBAAmB,EACxB,iBAAiB,EACjB,KAAK,yBAAyB,EAC9B,KAAK,6BAA6B,EAClC,KAAK,8BAA8B,EAEnC,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EAGtB,SAAS,EACV,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAoB9C,UAAU,uBAAuB;IAC/B,UAAU,EAAE,UAAU,CAAA;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,UAAU,EACV,QAAQ,GACT,EAAE,uBAAuB,qBAMzB;AAED;;;;;;GAMG;AAEH,KAAK,kCAAkC,GAAG;KACvC,IAAI,IAAI,MAAM,GAAG,CAAC,iBAAiB,GAAG,oBAAoB,CAAC,IAAI,EAAE,UAAU,EAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CAC3G,CAAA;AAED,UAAU,yBAA0B,SAAQ,kCAAkC;IAC5E,CAAC,CAAC,SAAS,kBAAkB,EAAE,SAAS,EAAE,CAAC,GAAG,oBAAoB,CAClE,6BAA6B,CAAC,CAAC,CAAC,EAChC,UAAU,EACV,8BAA8B,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,EAC/D,yBAAyB,CAAC,CAAC,CAAC,CAC3B,CAAA;IACD,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAG/D,SAAS,EAAE,CAAC,GACX,oBAAoB,CAAC,CAAC,EAAE,UAAU,EAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC,CAAA;CACpE;AA0BD,QAAA,MAAM,gBAAgB,EAAE,yBAGvB,CAAC;AAMF,UAAU,sBAAsB;IAC9B,CACE,KAAK,EAAE,oBAAoB,GAAG,SAAS,EACvC,GAAG,cAAc,EAAE,mBAAmB,EAAE,GACvC,0BAA0B,CAAA;IAC7B,CACE,KAAK,EACH,oBAAoB,GACpB,SAAS,GACT,qBAAqB,CAAC,iBAAiB,CAAC;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,EAAE,UAAU,CAAC,CAAC,EACnF,GAAG,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,EAAE,UAAU,CAAC,CAAC,CAAC,GAClG,oBAAoB,CAAC,iBAAiB,CAAC;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,EAAE,UAAU,CAAC,CAAC,CAAA;IACnF,CAAC,CAAC,SAAS,MAAM,EACf,KAAK,EACH,oBAAoB,GACpB,SAAS,GACT,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,EAAE,UAAU,CAAC,CAAC,EACvF,GAAG,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,EAAE,UAAU,CAAC,CAAC,CAAC,GACtG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,EAAE,UAAU,CAAC,CAAC,CAAA;CACxF;AAGD,QAAA,MAAM,aAAa,EAAE,sBAAgC,CAAA;AAErD,iBAAS,aAAa,sBAErB;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,KAAK,yBAAyB,GAAG,UAAU,GAAG,eAAe,CAAA;AAC7D,UAAU,2BAA2B;IACnC,CAAC,CAAC,SAAS,MAAM,EACf,KAAK,EACH,oBAAoB,GACpB,SAAS,GACT,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,yBAAyB,CAAA;KAAE,EAAE,UAAU,CAAC,CAAC,EACtG,GAAG,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,yBAAyB,CAAA;KAAE,EAAE,UAAU,CAAC,CAAC,CAAC,GACrH,oBAAoB,CAEvB,CAAC,GAAG;QAAE,UAAU,EAAE,yBAAyB,CAAA;KAAE,EAC7C,iBAAiB,CAAC,CAAC,GAAG;QAAE,UAAU,EAAE,yBAAyB,CAAA;KAAE,EAAE,UAAU,CAAC,CAC3E,CAAA;CACF;AAGD,QAAA,MAAM,2BAA2B,EAAE,2BAAmD,CAAA;AAEtF,YAAY,EACV,eAAe,GAChB,CAAA;AAED,OAAO,EACL,2BAA2B,IAAI,iBAAiB,EAChD,gBAAgB,IAAI,MAAM,EAC1B,aAAa,IAAI,GAAG,EACpB,kBAAkB,EAClB,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,gBAAgB,GACjB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/bezier-react",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",
@@ -63,7 +63,7 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@channel.io/bezier-icons": "^0.11.0",
+    "@channel.io/bezier-icons": "^0.12.0",
     "@mdx-js/react": "^1.6.22",
     "@rollup/plugin-alias": "^5.0.0",
     "@rollup/plugin-babel": "^6.0.3",
@@ -94,7 +94,7 @@
     "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "^2.1.4",
     "babel-preset-react-app": "^10.0.1",
-    "chromatic": "^6.24.1",
+    "chromatic": "^7.0.0",
     "core-js": "^3.32.2",
     "eslint-config-bezier": "workspace:*",
     "eslint-plugin-storybook": "^0.6.13",

package/src/features/Feature.ts

@@ -2,14 +2,7 @@ export enum FeatureType {
   SmoothCorners = 'smooth-corners',
 }
 
-export class Feature {
-  name: FeatureType
-
-  constructor(name: FeatureType) {
-    this.name = name
-  }
-
-  async activate() {
-    return Promise.resolve(false)
-  }
+export interface Feature {
+  readonly name: FeatureType
+  activate: () => Promise<boolean>
 }

package/src/features/SmoothCornersFeature/SmoothCornersFeature.ts

@@ -1,49 +1,80 @@
 // eslint-disable-next-line no-restricted-imports
 import {
-  Feature,
+  type Feature,
   FeatureType,
 } from '../Feature'
 
 import { smoothCornersScript } from './smoothCornersScript'
 
+/**
+ * @see {@link https://fetch.spec.whatwg.org/#requestcredentials}
+ */
+type RequestCredentials = 'omit' | 'same-origin' | 'include'
+
+type WorkletOptions = {
+  credentials: RequestCredentials
+}
+
+/**
+ * @see {@link https://html.spec.whatwg.org/multipage/worklets.html#worklets-worklet}
+ */
+interface Worklet {
+  addModule: (moduleURL: string, options?: WorkletOptions) => Promise<void>
+}
+
+declare global {
+  namespace CSS {
+    export const paintWorklet: Worklet
+  }
+}
+
 /**
  * 🚨 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 {
+class SmoothCornersFeature implements Feature {
+  readonly name = FeatureType.SmoothCorners
+
+  private globalObject: typeof globalThis | null = null
+
   /**
    * @deprecated (@ed) Upcoming improvements
    * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
    */
-  activated = false
-
-  async activate() {
-    if (
-      !this.activated
-      && typeof CSS !== 'undefined'
-      && 'paintWorklet' in CSS
-    ) {
+  activated: WeakMap<typeof globalThis, boolean> = new WeakMap([[globalThis, false]])
+
+  private updateCurrentGlobalObject(globalObject: typeof globalThis) {
+    this.globalObject = globalObject
+  }
+
+  private isGlobalObjectIdentical(globalObject: typeof globalThis) {
+    return Object.is(this.globalObject, globalObject)
+  }
+
+  private supportCSSPaintWorklet(globalObject: typeof globalThis) {
+    return typeof globalObject.CSS !== 'undefined' && 'paintWorklet' in globalObject.CSS
+  }
+
+  async activate(globalObject: typeof globalThis = globalThis) {
+    if (!this.isGlobalObjectIdentical(globalObject) && this.supportCSSPaintWorklet(globalObject)) {
       const workletURL = URL.createObjectURL(
         new Blob([smoothCornersScript], { type: 'application/javascript' }),
       )
 
-      // @ts-ignore
-      const promise = CSS.paintWorklet.addModule(workletURL) as Promise<void>
-
-      return promise
-        .then(() => {
-          this.activated = true
-          return this.activated
-        }).catch(() => {
-          this.activated = false
-          return this.activated
-        })
+      try {
+        await globalObject.CSS.paintWorklet.addModule(workletURL)
+        this.activated.set(globalObject, true)
+      } catch {
+        this.activated.set(globalObject, false)
+      }
     }
 
-    return this.activated
+    this.updateCurrentGlobalObject(globalObject)
+
+    return this.activated.get(globalObject) as boolean
   }
 }
 
-export default new SmoothCornersFeature(FeatureType.SmoothCorners)
+export default new SmoothCornersFeature()

package/src/features/SmoothCornersFeature/SmoothCornersFeatures.test.ts

@@ -0,0 +1,34 @@
+import SmoothCornersFeature from './SmoothCornersFeature'
+
+describe('SmoothCornersFeature', () => {
+  let addModule: jest.Mock
+
+  beforeEach(() => {
+    addModule = jest.fn(() => Promise.resolve())
+
+    Object.defineProperty(global, 'URL', {
+      value: {
+        createObjectURL: jest.fn(),
+      },
+    })
+
+    Object.defineProperty(global, 'CSS', {
+      value: {
+        paintWorklet: { addModule },
+      },
+    })
+  })
+
+  it('If the global objects are the same, activate should only be executed once.', async () => {
+    await SmoothCornersFeature.activate(globalThis)
+    await SmoothCornersFeature.activate(globalThis)
+    expect(addModule).toHaveBeenCalledTimes(1)
+  })
+
+  it('If the global object has changed, activate should be executed again.', async () => {
+    await SmoothCornersFeature.activate(globalThis)
+    expect(addModule).toHaveBeenCalledTimes(0)
+    await SmoothCornersFeature.activate({ ...globalThis })
+    expect(addModule).toHaveBeenCalledTimes(1)
+  })
+})

package/src/foundation/FoundationStyledComponent.tsx

@@ -23,6 +23,7 @@ import styled, {
   type InterpolationFunction,
   ServerStyleSheet,
   type SimpleInterpolation,
+  StyleSheetManager,
   type StyledComponentInnerAttrs,
   type StyledComponentInnerComponent,
   type StyledComponentInnerOtherProps,
@@ -190,5 +191,6 @@ export {
   FoundationProvider,
   useFoundation,
   keyframes,
+  StyleSheetManager,
   ServerStyleSheet,
 }

package/src/foundation/Mixins.ts

@@ -102,7 +102,7 @@ export const smoothCorners = ({
     border-radius: ${borderRadius};
   `}
 
-  ${SmoothCornersFeature.activated && css`
+  ${SmoothCornersFeature.activated.get(globalThis) && css`
     @supports (background: paint(smooth-corners)) {
       padding: ${shadowBlur * 2}px;
       margin: ${-(shadowBlur * 2) + margin}px;