@class101/cdn-ui-system 0.0.7 → 0.0.11

package/lib/Form/TextLabel/index.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Form/TextLabel/index.ts
-import {TextLabel} from "./TextLabel.js";
+init_react_shim();
+import { TextLabel } from "./TextLabel.js";
 export {
   TextLabel
 };

package/lib/GlobalStyle/GlobalStyle.js

@@ -1,14 +1,28 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  Global,
+  css
+} from "../../chunk-T7TBQTBE.js";
+import "../../chunk-LE44IRCL.js";
+import "../../chunk-CGEEKALF.js";
+import "../../chunk-J3Q2BPOW.js";
+import {
+  React,
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/GlobalStyle/GlobalStyle.tsx
-import {css, Global} from "https://jspm.dev/@emotion/react@11.1.5";
+init_react_shim();
 var resetCSS = css`
   * {
     font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI',
       'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
   }
 
+  [lang='ja'] * {
+    font-family: 'Noto Sans JP', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue',
+      'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
+  }
+
   html,
   body,
   div,
@@ -117,8 +131,7 @@ var resetCSS = css`
     word-break: keep-all;
   }
   ol,
-  ul,
-  li {
+  ul {
     list-style: none;
   }
   blockquote,
@@ -145,6 +158,7 @@ var resetCSS = css`
 
   body {
     margin: 0;
+    overflow-wrap: anywhere;
   }
 
   body > div {
@@ -161,6 +175,20 @@ var resetCSS = css`
     margin: 0;
   }
 
+  input[type='search']::-ms-clear,
+  input[type='search']::-ms-reveal {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
+  input[type='search']::-webkit-search-decoration,
+  input[type='search']::-webkit-search-cancel-button,
+  input[type='search']::-webkit-search-results-button,
+  input[type='search']::-webkit-search-results-decoration {
+    display: none;
+  }
+
   video {
     :focus {
       outline: none;

package/lib/GlobalStyle/index.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/GlobalStyle/index.ts
-import {GlobalStyle} from "./GlobalStyle.js";
+init_react_shim();
+import { GlobalStyle } from "./GlobalStyle.js";
 export {
   GlobalStyle
 };

package/lib/GridList/GridList.js

@@ -1,18 +1,28 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/utils-type/src/lib/isDefined/isDefined.ts
-function isDefined(value) {
-  return value !== void 0;
-}
+import {
+  require_lodash
+} from "../../chunk-KTYFPJF3.js";
+import {
+  isDefined
+} from "../../chunk-MBYCGPJ2.js";
+import {
+  useTheme
+} from "../../chunk-T7TBQTBE.js";
+import "../../chunk-LE44IRCL.js";
+import "../../chunk-CGEEKALF.js";
+import "../../chunk-J3Q2BPOW.js";
+import {
+  React,
+  __toModule,
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/GridList/GridList.tsx
-import {useTheme} from "https://jspm.dev/@emotion/react@11.1.5";
-import {range} from "https://jspm.dev/lodash-es@4.17.21";
-import {Children} from "react";
-import {getPaddedResponsiveArray} from "../../core/index.js";
-import {Box} from "../../private/Box/index.js";
-import {HStack} from "../Layout/HStack/index.js";
+init_react_shim();
+var import_lodash = __toModule(require_lodash());
+import { Children } from "react";
+import { getPaddedResponsiveArray } from "../../core/index.js";
+import { Box } from "../../private/Box/index.js";
+import { HStack } from "../Layout/HStack/index.js";
 var DEFAULT_SKELETON_ROW = 1;
 var GridList = ({
   column,
@@ -25,29 +35,39 @@ var GridList = ({
 }) => {
   const childrenArray = Children.toArray(children);
   const columnList = Array.isArray(column) ? column : [column];
-  const defaultRow = row ?? Math.ceil(childrenArray.length / Math.max(...columnList));
-  const {breakpoints} = useTheme();
+  const defaultRow = row != null ? row : Math.ceil(childrenArray.length / Math.max(...columnList));
+  const { breakpoints } = useTheme();
   const responsiveColumn = getPaddedResponsiveArray(breakpoints, column);
   const responsiveSpacing = getPaddedResponsiveArray(breakpoints, spacing);
   const responsiveRowSpacing = isDefined(rowSpacing) ? getPaddedResponsiveArray(breakpoints, rowSpacing) : void 0;
   const responsiveFlex = responsiveColumn.map((columnValue, index) => `0 1 calc((100% - ${responsiveSpacing[index] * (columnValue - 1)}px) / ${columnValue})`);
   const responsiveMarginLeft = (rowIndex) => responsiveColumn.map((columnValue, index) => rowIndex % columnValue !== 0 ? responsiveSpacing[index] : 0);
-  const responsiveMarginTop = (rowIndex) => responsiveColumn.map((columnValue, index) => rowIndex >= columnValue ? responsiveRowSpacing?.[index] ?? responsiveSpacing[index] : 0);
-  const responsiveDisplay = (rowIndex) => responsiveColumn.map((columnValue, index) => rowIndex < columnValue * (row ?? Math.ceil(childrenArray.length / responsiveColumn[index]) ?? DEFAULT_SKELETON_ROW) ? "flex" : "none");
+  const responsiveMarginTop = (rowIndex) => responsiveColumn.map((columnValue, index) => {
+    var _a;
+    return rowIndex >= columnValue ? (_a = responsiveRowSpacing == null ? void 0 : responsiveRowSpacing[index]) != null ? _a : responsiveSpacing[index] : 0;
+  });
+  const responsiveDisplay = (rowIndex) => responsiveColumn.map((columnValue, index) => {
+    const defaultResponsiveRow = row != null ? row : Math.ceil(childrenArray.length / responsiveColumn[index]);
+    return rowIndex < columnValue * (defaultResponsiveRow === 0 ? DEFAULT_SKELETON_ROW : defaultResponsiveRow) ? "flex" : "none";
+  });
   return /* @__PURE__ */ React.createElement(HStack, {
     flexWrap: "wrap"
-  }, loading ? range(Math.max(...columnList) * (defaultRow ?? DEFAULT_SKELETON_ROW)).map((index) => /* @__PURE__ */ React.createElement(Box, {
+  }, loading ? (0, import_lodash.range)(Math.max(...columnList) * (defaultRow === 0 ? DEFAULT_SKELETON_ROW : defaultRow)).map((index) => /* @__PURE__ */ React.createElement(Box, {
     key: index,
     flex: responsiveFlex,
     ml: responsiveMarginLeft(index),
     mt: responsiveMarginTop(index),
     display: responsiveDisplay(index)
-  }, renderSkeleton?.())) : childrenArray.map((child, index) => /* @__PURE__ */ React.createElement(Box, {
-    flex: responsiveFlex,
-    ml: responsiveMarginLeft(index),
-    mt: responsiveMarginTop(index),
-    display: responsiveDisplay(index)
-  }, child)));
+  }, renderSkeleton == null ? void 0 : renderSkeleton())) : childrenArray.map((child, index) => {
+    var _a;
+    return /* @__PURE__ */ React.createElement(Box, {
+      key: (_a = child.key) != null ? _a : index,
+      flex: responsiveFlex,
+      ml: responsiveMarginLeft(index),
+      mt: responsiveMarginTop(index),
+      display: responsiveDisplay(index)
+    }, child);
+  }));
 };
 export {
   GridList

package/lib/GridList/__mocks__/index.js

@@ -1,7 +1,9 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/GridList/__mocks__/index.ts
+init_react_shim();
 var data = [
   {
     id: "Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzYzNTM4MjA1NDkyNjk=",

package/lib/GridList/index.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/GridList/index.ts
-import {GridList} from "./GridList.js";
+init_react_shim();
+import { GridList } from "./GridList.js";
 export {
   GridList
 };

package/lib/Highlight/Highlight.js

@@ -1,9 +1,12 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  React,
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Highlight/Highlight.tsx
-import {Box} from "../../private/Box/index.js";
-var Highlight = ({children, color = "orange"}) => /* @__PURE__ */ React.createElement(Box, {
+init_react_shim();
+import { Box } from "../../private/Box/index.js";
+var Highlight = ({ children, color = "orange" }) => /* @__PURE__ */ React.createElement(Box, {
   as: "em",
   color: `${color}.500`,
   fontStyle: "normal"

package/lib/Highlight/index.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Highlight/index.ts
-import {Highlight} from "./Highlight.js";
+init_react_shim();
+import { Highlight } from "./Highlight.js";
 export {
   Highlight
 };

package/lib/HtmlContentStyle/HtmlContentStyle.js

@@ -1,12 +1,21 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  emotion_styled_browser_esm_default
+} from "../../chunk-SFQY5CLW.js";
+import "../../chunk-T7TBQTBE.js";
+import "../../chunk-LE44IRCL.js";
+import "../../chunk-CGEEKALF.js";
+import "../../chunk-J3Q2BPOW.js";
+import {
+  __spreadProps,
+  __spreadValues,
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/HtmlContentStyle/HtmlContentStyle.tsx
-import styled from "https://jspm.dev/@emotion/styled@11.3.0";
-import {kindVariants, weightVariants} from "../Typography/Text/index.js";
-var HtmlContentStyle = styled.div((props) => ({
-  h1: {
-    ...kindVariants["title1"],
+init_react_shim();
+import { kindVariants, weightVariants } from "../Typography/Text/index.js";
+var HtmlContentStyle = emotion_styled_browser_esm_default.div((props) => ({
+  h1: __spreadProps(__spreadValues({}, kindVariants["title1"]), {
     color: props.theme.colors.gray[900],
     marginTop: 36,
     "& + h1": {
@@ -15,9 +24,8 @@ var HtmlContentStyle = styled.div((props) => ({
     "& + *:not(h1)": {
       marginTop: 8
     }
-  },
-  h2: {
-    ...kindVariants["title2"],
+  }),
+  h2: __spreadProps(__spreadValues({}, kindVariants["title2"]), {
     color: props.theme.colors.gray[900],
     marginTop: 36,
     "& + h2": {
@@ -26,9 +34,8 @@ var HtmlContentStyle = styled.div((props) => ({
     "& + *:not(h2)": {
       marginTop: 8
     }
-  },
-  ".ql-editor h3, h3": {
-    ...kindVariants["title3"],
+  }),
+  ".ql-editor h3, h3": __spreadProps(__spreadValues({}, kindVariants["title3"]), {
     color: props.theme.colors.gray[900],
     marginTop: 36,
     "& + h3": {
@@ -37,10 +44,8 @@ var HtmlContentStyle = styled.div((props) => ({
     "& + *:not(h3)": {
       marginTop: 8
     }
-  },
-  ".ql-editor h4, h4": {
-    ...kindVariants["title4"],
-    ...weightVariants["bold"],
+  }),
+  ".ql-editor h4, h4": __spreadProps(__spreadValues(__spreadValues({}, kindVariants["title4"]), weightVariants["bold"]), {
     color: props.theme.colors.gray[900],
     marginTop: 36,
     "& + h4": {
@@ -49,25 +54,22 @@ var HtmlContentStyle = styled.div((props) => ({
     "& + *:not(h4)": {
       marginTop: 8
     }
-  },
-  p: {
-    ...kindVariants["paragraph3"],
+  }),
+  p: __spreadProps(__spreadValues({}, kindVariants["paragraph3"]), {
     color: props.theme.colors.gray[900],
+    paddingTop: 8,
     "&:first-of-type": {
       paddingTop: 0
     },
-    [`@media screen and (max-width: ${props.theme.breakpoints[1]})`]: {
-      ...kindVariants["body2"]
-    }
-  },
+    [`@media screen and (max-width: ${props.theme.breakpoints[1]})`]: __spreadValues({}, kindVariants["body2"])
+  }),
   a: {
     color: props.theme.colors.blue[700],
     "&:hover": {
       color: props.theme.colors.blue[800]
     }
   },
-  blockquote: {
-    ...kindVariants["paragraph3"],
+  blockquote: __spreadProps(__spreadValues({}, kindVariants["paragraph3"]), {
     position: "relative",
     padding: 0,
     margin: 0,
@@ -83,10 +85,8 @@ var HtmlContentStyle = styled.div((props) => ({
         display: "none"
       }
     },
-    [`@media screen and (max-width: ${props.theme.breakpoints[1]})`]: {
-      ...kindVariants["body2"]
-    }
-  },
+    [`@media screen and (max-width: ${props.theme.breakpoints[1]})`]: __spreadValues({}, kindVariants["body2"])
+  }),
   "blockquote::before": {
     content: '""',
     background: "url('/images/ic-blockquote-gray.png')",
@@ -100,8 +100,7 @@ var HtmlContentStyle = styled.div((props) => ({
     left: "50%",
     marginLeft: "-12px"
   },
-  ul: {
-    ...kindVariants["paragraph3"],
+  ul: __spreadProps(__spreadValues({}, kindVariants["paragraph3"]), {
     "& > li": {
       margin: "0 0 4px 0",
       paddingLeft: 24,
@@ -122,12 +121,9 @@ var HtmlContentStyle = styled.div((props) => ({
         backgroundColor: props.theme.colors.gray[900]
       }
     },
-    [`@media screen and (max-width: ${props.theme.breakpoints[1]})`]: {
-      ...kindVariants["body2"]
-    }
-  },
-  ol: {
-    ...kindVariants["paragraph3"],
+    [`@media screen and (max-width: ${props.theme.breakpoints[1]})`]: __spreadValues({}, kindVariants["body2"])
+  }),
+  ol: __spreadProps(__spreadValues({}, kindVariants["paragraph3"]), {
     display: "flex",
     flexDirection: "column",
     counterReset: "item",
@@ -150,10 +146,8 @@ var HtmlContentStyle = styled.div((props) => ({
         counterIncrement: "item"
       }
     },
-    [`@media screen and (max-width: ${props.theme.breakpoints[1]})`]: {
-      ...kindVariants["body2"]
-    }
-  },
+    [`@media screen and (max-width: ${props.theme.breakpoints[1]})`]: __spreadValues({}, kindVariants["body2"])
+  }),
   img: {
     width: "100%",
     margin: 0
@@ -176,13 +170,12 @@ var HtmlContentStyle = styled.div((props) => ({
       marginBottom: 0
     }
   },
-  "em, sub": {
-    ...kindVariants["caption1"],
+  "em, sub": __spreadProps(__spreadValues({}, kindVariants.body4), {
     color: props.theme.colors.gray[500],
     display: "block",
     textAlign: "center",
     marginBottom: 8
-  },
+  }),
   hr: {
     marginLeft: 16,
     marginRight: 16

package/lib/HtmlContentStyle/index.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/HtmlContentStyle/index.ts
-import {HtmlContentStyle} from "./HtmlContentStyle.js";
+init_react_shim();
+import { HtmlContentStyle } from "./HtmlContentStyle.js";
 export {
   HtmlContentStyle
 };

package/lib/Icon/Icon.js

@@ -1,7 +1,9 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Icon/Icon.ts
+init_react_shim();
 import * as Fill from "./fill/index.js";
 import * as Regular from "./regular/index.js";
 import * as Thin from "./thin/index.js";

package/lib/Icon/fill/Add.js

@@ -1,18 +1,31 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  React,
+  __objRest,
+  __spreadValues,
+  init_react_shim
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Icon/fill/Add.tsx
-import {Svg} from "../../../private/Svg/index.js";
-var Add = ({size = 24, fill = "primary.500", ...props}) => /* @__PURE__ */ React.createElement(Svg, {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill,
-  viewBox: "0 0 24 24",
-  size,
-  ...props
-}, /* @__PURE__ */ React.createElement(Svg.Path, {
-  fill,
-  d: "M21.75 11h-8.5V2.25c0-.14-.11-.25-.25-.25h-2c-.14 0-.25.11-.25.25V11h-8.5c-.14 0-.25.11-.25.25v2c0 .14.11.25.25.25h8.5v8.25c0 .14.11.25.25.25h2c.14 0 .25-.11.25-.25V13.5h8.5c.14 0 .25-.11.25-.25v-2c0-.14-.11-.25-.25-.25z"
-}));
+init_react_shim();
+import { Svg } from "../../Svg/index.js";
+var Add = (_a) => {
+  var _b = _a, {
+    size = 24,
+    fill = "primary.500"
+  } = _b, props = __objRest(_b, [
+    "size",
+    "fill"
+  ]);
+  return /* @__PURE__ */ React.createElement(Svg, __spreadValues({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill,
+    size,
+    viewBox: "0 0 24 24"
+  }, props), /* @__PURE__ */ React.createElement(Svg.Path, {
+    fill,
+    d: "M21.75 11h-8.5V2.25c0-.14-.11-.25-.25-.25h-2c-.14 0-.25.11-.25.25V11h-8.5c-.14 0-.25.11-.25.25v2c0 .14.11.25.25.25h8.5v8.25c0 .14.11.25.25.25h2c.14 0 .25-.11.25-.25V13.5h8.5c.14 0 .25-.11.25-.25v-2c0-.14-.11-.25-.25-.25Z"
+  }));
+};
 Add.forwardStyle = true;
 export {
   Add

package/lib/Icon/fill/AddCircle.js

@@ -1,18 +1,31 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  React,
+  __objRest,
+  __spreadValues,
+  init_react_shim
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Icon/fill/AddCircle.tsx
-import {Svg} from "../../../private/Svg/index.js";
-var AddCircle = ({size = 24, fill = "primary.500", ...props}) => /* @__PURE__ */ React.createElement(Svg, {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill,
-  viewBox: "0 0 24 24",
-  size,
-  ...props
-}, /* @__PURE__ */ React.createElement(Svg.Path, {
-  fill,
-  d: "M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm6 12c0 .14-.11.25-.25.25h-4.5v4.5c0 .14-.11.25-.25.25h-2c-.14 0-.25-.11-.25-.25v-4.5h-4.5c-.14 0-.25-.11-.25-.25v-2c0-.14.11-.25.25-.25h4.5v-4.5c0-.14.11-.25.25-.25h2c.14 0 .25.11.25.25v4.5h4.5c.14 0 .25.11.25.25v2z"
-}));
+init_react_shim();
+import { Svg } from "../../Svg/index.js";
+var AddCircle = (_a) => {
+  var _b = _a, {
+    size = 24,
+    fill = "primary.500"
+  } = _b, props = __objRest(_b, [
+    "size",
+    "fill"
+  ]);
+  return /* @__PURE__ */ React.createElement(Svg, __spreadValues({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill,
+    size,
+    viewBox: "0 0 24 24"
+  }, props), /* @__PURE__ */ React.createElement(Svg.Path, {
+    fill,
+    d: "M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1Zm6 12c0 .14-.11.25-.25.25h-4.5v4.5c0 .14-.11.25-.25.25h-2c-.14 0-.25-.11-.25-.25v-4.5h-4.5c-.14 0-.25-.11-.25-.25v-2c0-.14.11-.25.25-.25h4.5v-4.5c0-.14.11-.25.25-.25h2c.14 0 .25.11.25.25v4.5h4.5c.14 0 .25.11.25.25v2Z"
+  }));
+};
 AddCircle.forwardStyle = true;
 export {
   AddCircle

package/lib/Icon/fill/Alert.js

@@ -1,25 +1,38 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  React,
+  __objRest,
+  __spreadValues,
+  init_react_shim
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Icon/fill/Alert.tsx
-import {Svg} from "../../../private/Svg/index.js";
-var Alert = ({size = 24, fill = "primary.500", ...props}) => /* @__PURE__ */ React.createElement(Svg, {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill,
-  viewBox: "0 0 24 24",
-  size,
-  ...props
-}, /* @__PURE__ */ React.createElement(Svg.G, {
-  clipPath: "url(#Alert_svg__clip0)"
-}, /* @__PURE__ */ React.createElement(Svg.Path, {
-  fill,
-  d: "M23.962 21.6L12.2 1.1c-.05-.05-.1-.1-.2-.1s-.15.05-.2.15L.038 21.65c-.1.15 0 .35.2.35h23.473c.25 0 .35-.2.25-.4zM10.749 9.85c0-.05.05-.1.1-.1h2.303c.05 0 .1.05.1.1v4.8c0 .05-.05.1-.1.1H10.85c-.05 0-.1-.05-.1-.1v-4.8zm1.252 8.9c-.851 0-1.502-.65-1.502-1.5s.65-1.5 1.502-1.5c.85 0 1.501.65 1.501 1.5s-.65 1.5-1.501 1.5z"
-})), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
-  id: "Alert_svg__clip0"
-}, /* @__PURE__ */ React.createElement(Svg.Path, {
-  fill: "#fff",
-  d: "M0 0h24v24H0z"
-}))));
+init_react_shim();
+import { Svg } from "../../Svg/index.js";
+var Alert = (_a) => {
+  var _b = _a, {
+    size = 24,
+    fill = "primary.500"
+  } = _b, props = __objRest(_b, [
+    "size",
+    "fill"
+  ]);
+  return /* @__PURE__ */ React.createElement(Svg, __spreadValues({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill,
+    size,
+    viewBox: "0 0 24 24"
+  }, props), /* @__PURE__ */ React.createElement(Svg.G, {
+    clipPath: "url(#Alert_svg__a)"
+  }, /* @__PURE__ */ React.createElement(Svg.Path, {
+    fill,
+    d: "M23.962 21.6 12.2 1.1c-.05-.05-.1-.1-.2-.1s-.15.05-.2.15L.038 21.65c-.1.15 0 .35.2.35h23.473c.25 0 .35-.2.25-.4ZM10.749 9.85c0-.05.05-.1.1-.1h2.303c.05 0 .1.05.1.1v4.8c0 .05-.05.1-.1.1H10.85c-.05 0-.1-.05-.1-.1v-4.8Zm1.252 8.9c-.851 0-1.502-.65-1.502-1.5s.65-1.5 1.502-1.5c.85 0 1.501.65 1.501 1.5s-.65 1.5-1.501 1.5Z"
+  })), /* @__PURE__ */ React.createElement(Svg.Defs, null, /* @__PURE__ */ React.createElement(Svg.ClipPath, {
+    id: "Alert_svg__a"
+  }, /* @__PURE__ */ React.createElement(Svg.Path, {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
+};
 Alert.forwardStyle = true;
 export {
   Alert

package/lib/Icon/fill/AlertCircle.js

@@ -1,18 +1,31 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  React,
+  __objRest,
+  __spreadValues,
+  init_react_shim
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Icon/fill/AlertCircle.tsx
-import {Svg} from "../../../private/Svg/index.js";
-var AlertCircle = ({size = 24, fill = "primary.500", ...props}) => /* @__PURE__ */ React.createElement(Svg, {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill,
-  viewBox: "0 0 24 24",
-  size,
-  ...props
-}, /* @__PURE__ */ React.createElement(Svg.Path, {
-  fill,
-  d: "M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1zm-1.25 5.25c0-.15.1-.25.25-.25h2c.15 0 .25.1.25.25v7c0 .15-.1.25-.25.25h-2c-.15 0-.25-.1-.25-.25v-7zM12 18c-.85 0-1.5-.65-1.5-1.5S11.15 15 12 15s1.5.65 1.5 1.5S12.85 18 12 18z"
-}));
+init_react_shim();
+import { Svg } from "../../Svg/index.js";
+var AlertCircle = (_a) => {
+  var _b = _a, {
+    size = 24,
+    fill = "primary.500"
+  } = _b, props = __objRest(_b, [
+    "size",
+    "fill"
+  ]);
+  return /* @__PURE__ */ React.createElement(Svg, __spreadValues({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill,
+    size,
+    viewBox: "0 0 24 24"
+  }, props), /* @__PURE__ */ React.createElement(Svg.Path, {
+    fill,
+    d: "M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1Zm-1.25 5.25c0-.15.1-.25.25-.25h2c.15 0 .25.1.25.25v7c0 .15-.1.25-.25.25h-2c-.15 0-.25-.1-.25-.25v-7ZM12 18c-.85 0-1.5-.65-1.5-1.5S11.15 15 12 15s1.5.65 1.5 1.5S12.85 18 12 18Z"
+  }));
+};
 AlertCircle.forwardStyle = true;
 export {
   AlertCircle