@class101/cdn-ui-system 0.0.8 → 0.0.12

package/lib/Typography/Paragraph/Paragraph.js

@@ -1,22 +1,26 @@
 import {
   React,
+  __objRest,
+  __spreadValues,
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Typography/Paragraph/Paragraph.tsx
 init_react_shim();
-import {propVariant, system} from "../../../core/index.js";
-import {Text} from "../Text/index.js";
+import { propVariant, system } from "../../../core/index.js";
+import { Text } from "../Text/index.js";
 var Paragraph = system()(propVariant({
   prop: "level",
-  variants: {1: {kind: "paragraph1"}, 2: {kind: "paragraph2"}, 3: {kind: "paragraph3"}},
+  variants: { 1: { kind: "paragraph1" }, 2: { kind: "paragraph2" }, 3: { kind: "paragraph3" } },
   responsive: true,
   skipForward: true
-}))(({kind, ...props}) => /* @__PURE__ */ React.createElement(Text, {
-  as: "p",
-  kind,
-  ...props
-}));
+}))((_a) => {
+  var _b = _a, { kind } = _b, props = __objRest(_b, ["kind"]);
+  return /* @__PURE__ */ React.createElement(Text, __spreadValues({
+    as: "p",
+    kind
+  }, props));
+});
 Paragraph.forwardStyle = true;
 export {
   Paragraph

package/lib/Typography/Paragraph/index.js

@@ -1,10 +1,10 @@
 import {
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Typography/Paragraph/index.ts
 init_react_shim();
-import {Paragraph} from "./Paragraph.js";
+import { Paragraph } from "./Paragraph.js";
 export {
   Paragraph
 };

package/lib/Typography/Text/Text.js

@@ -1,59 +1,48 @@
+import {
+  nl2br
+} from "../../../chunk-WVIP3U54.js";
 import {
   React,
+  __objRest,
+  __spreadProps,
+  __spreadValues,
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Typography/Text/Text.tsx
 init_react_shim();
-
-// libs/shared/utils-string/src/index.ts
-init_react_shim();
-
-// libs/shared/utils-string/src/lib/nl2br/index.ts
-init_react_shim();
-
-// libs/shared/utils-string/src/lib/nl2br/nl2br.ts
-init_react_shim();
-import {createElement} from "react";
-var newlineRegex = /(\r\n|\n\r|\r|\n|\\n)/g;
-function nl2br(string) {
-  if (typeof string !== "string") {
-    return string;
-  }
-  return string.split(newlineRegex).map((line, index) => {
-    if (line.match(newlineRegex)) {
-      return createElement("br", {key: index.toString()});
-    }
-    return line;
-  });
-}
-
-// libs/shared/ui-system/src/lib/Typography/Text/Text.tsx
-import {styleVariant, system} from "../../../core/index.js";
-import {Box} from "../../../private/Box/index.js";
+import { propVariant, system } from "../../../core/index.js";
+import { Box } from "../../../private/Box/index.js";
 var kindVariants = {
   title1: {
     fontSize: "2.125rem",
     lineHeight: "2.75rem",
-    fontWeight: 800
+    fontWeight: "800"
   },
   title2: {
     fontSize: "1.75rem",
     lineHeight: "2.5rem",
-    fontWeight: 700
+    fontWeight: "700"
   },
   title3: {
     fontSize: "1.625rem",
     lineHeight: "2.25rem",
-    fontWeight: 700
+    fontWeight: "700"
   },
   title4: {
     fontSize: "1.25rem",
-    lineHeight: "1.625rem"
+    lineHeight: "1.625rem",
+    fontWeight: "700"
   },
   title5: {
     fontSize: "1.125rem",
-    lineHeight: "1.375rem"
+    lineHeight: "1.375rem",
+    fontWeight: "700"
+  },
+  title6: {
+    fontSize: "1rem",
+    lineHeight: "1.25rem",
+    fontWeight: "700"
   },
   body1: {
     fontSize: "1rem",
@@ -67,15 +56,15 @@ var kindVariants = {
     fontSize: "0.8125rem",
     lineHeight: "1.125rem"
   },
-  caption1: {
+  body4: {
     fontSize: "0.75rem",
     lineHeight: "1rem"
   },
-  caption2: {
+  body5: {
     fontSize: "0.6875rem",
     lineHeight: "0.875rem"
   },
-  caption3: {
+  body6: {
     fontSize: "0.625rem",
     lineHeight: "0.75rem"
   },
@@ -94,35 +83,43 @@ var kindVariants = {
 };
 var weightVariants = {
   extraBold: {
-    fontWeight: 800
+    fontWeight: "800"
   },
   bold: {
-    fontWeight: 700
+    fontWeight: "700"
   },
   semiBold: {
-    fontWeight: 600
+    fontWeight: "600"
   },
   medium: {
-    fontWeight: 500
+    fontWeight: "500"
   },
   regular: {
-    fontWeight: 400
+    fontWeight: "400"
   }
 };
-var Text = system()(styleVariant({
+var Text = system()(propVariant({
   prop: "weight",
   variants: weightVariants,
   defaultValue: "regular",
   responsive: true,
   skipForward: true
-}), styleVariant({
+}), propVariant({
   prop: "kind",
   variants: kindVariants,
   responsive: true,
   skipForward: true
-}))(({children, ...restProps}) => /* @__PURE__ */ React.createElement(Box, {
-  ...restProps
-}, typeof children === "string" ? nl2br(children) : children));
+}))((_a) => {
+  var _b = _a, { children, as = "span", color = "gray.900" } = _b, restProps = __objRest(_b, ["children", "as", "color"]);
+  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({
+    m: 0,
+    p: 0,
+    border: 0
+  }, restProps), {
+    as,
+    color
+  }), typeof children === "string" ? nl2br(children) : children);
+});
 export {
   Text,
   kindVariants,

package/lib/Typography/Text/index.js

@@ -1,10 +1,10 @@
 import {
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Typography/Text/index.ts
 init_react_shim();
-import {Text, kindVariants, weightVariants} from "./Text.js";
+import { Text, kindVariants, weightVariants } from "./Text.js";
 export {
   Text,
   kindVariants,

package/lib/Typography/Title/Title.js

@@ -1,27 +1,32 @@
 import {
   React,
+  __objRest,
+  __spreadValues,
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Typography/Title/Title.tsx
 init_react_shim();
-import {propVariant, system} from "../../../core/index.js";
-import {Text} from "../Text/index.js";
+import { propVariant, system } from "../../../core/index.js";
+import { Text } from "../Text/index.js";
 var Title = system()(propVariant({
   prop: "level",
   variants: {
-    1: {kind: "title1"},
-    2: {kind: "title2"},
-    3: {kind: "title3"},
-    4: {kind: "title4"},
-    5: {kind: "title5"}
+    1: { kind: "title1" },
+    2: { kind: "title2" },
+    3: { kind: "title3" },
+    4: { kind: "title4" },
+    5: { kind: "title5" },
+    6: { kind: "title6" }
   },
   responsive: true
-}))(({level, kind, ...props}) => /* @__PURE__ */ React.createElement(Text, {
-  as: `h${Array.isArray(level) ? Math.min(...level) : level}`,
-  kind,
-  ...props
-}));
+}))((_a) => {
+  var _b = _a, { level, kind } = _b, props = __objRest(_b, ["level", "kind"]);
+  return /* @__PURE__ */ React.createElement(Text, __spreadValues({
+    as: `h${Array.isArray(level) ? Math.min(...level) : level}`,
+    kind
+  }, props));
+});
 Title.forwardStyle = true;
 export {
   Title

package/lib/Typography/Title/index.js

@@ -1,10 +1,10 @@
 import {
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Typography/Title/index.ts
 init_react_shim();
-import {Title} from "./Title.js";
+import { Title } from "./Title.js";
 export {
   Title
 };

package/lib/Underline/Underline.js

@@ -1,68 +1,58 @@
 import {
-  emotion_styled_browser_esm_default
-} from "../../chunk-KBR5BGSG.js";
-import {
-  get
-} from "../../chunk-FTDRDLT4.js";
-import "../../chunk-AXJOQSVO.js";
-import "../../chunk-UAWCTQGC.js";
-import "../../chunk-QN5Q5NTF.js";
+  themeGet
+} from "../../chunk-SFWBAQL4.js";
+import "../../chunk-RYCV4KQR.js";
+import "../../chunk-R4HM35UZ.js";
 import {
   React,
+  __objRest,
+  __spreadValues,
   init_react_shim
-} from "../../chunk-CPDZ2HQZ.js";
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Underline/Underline.tsx
 init_react_shim();
-
-// node_modules/@styled-system/theme-get/dist/index.esm.js
-init_react_shim();
-var themeGet = function themeGet2(path, fallback) {
-  if (fallback === void 0) {
-    fallback = null;
-  }
-  return function(props) {
-    return get(props.theme, path, fallback);
-  };
-};
-
-// libs/shared/ui-system/src/lib/Underline/Underline.tsx
-import {ForwardStyle} from "../../private/ForwardStyle/index.js";
-import {Position} from "../Layout/Position/index.js";
-import {VStack} from "../Layout/VStack/index.js";
-var StyledChildren = emotion_styled_browser_esm_default(ForwardStyle)`
-  &::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    border-bottom: ${({underlineWidth}) => underlineWidth}px solid
-      ${(props) => themeGet(`colors.${props.underlineColor}`, props.underlineColor)(props)};
-    transform: scale(${({alwaysOn}) => alwaysOn ? 1 : 0}, 1);
-    transform-origin: left center;
+import { makeStyled } from "../../core/variants/makeStyled/index.js";
+import { ForwardStyle } from "../../private/ForwardStyle/index.js";
+import { VStack } from "../Layout/VStack/index.js";
+import { ZStack } from "../Layout/ZStack/index.js";
+import { Paper } from "../Paper/index.js";
+var HoverControl = makeStyled(ForwardStyle)`
+  & > div:last-child {
+    opacity: ${({ alwaysOn }) => alwaysOn ? 1 : 0};
   }
 
   &:hover {
-    &::after {
-      transform: scale(1, 1);
+    & > div:last-child {
+      opacity: 1;
     }
   }
 `;
-var Underline = ({
-  children,
-  color = "black",
-  width = 2,
-  alwaysOn = false,
-  ...restProps
-}) => /* @__PURE__ */ React.createElement(Position, {
-  position: "relative"
-}, /* @__PURE__ */ React.createElement(VStack, null, /* @__PURE__ */ React.createElement(StyledChildren, {
-  underlineColor: color,
-  underlineWidth: width,
-  alwaysOn,
-  ...restProps
-}, children)));
+var Underline = (_a) => {
+  var _b = _a, {
+    children,
+    color = "black",
+    width = 2,
+    alwaysOn = false
+  } = _b, restProps = __objRest(_b, [
+    "children",
+    "color",
+    "width",
+    "alwaysOn"
+  ]);
+  return /* @__PURE__ */ React.createElement(HoverControl, {
+    alwaysOn
+  }, /* @__PURE__ */ React.createElement(ZStack, {
+    verticalAlignment: "bottom"
+  }, /* @__PURE__ */ React.createElement(VStack, __spreadValues({
+    width: "100%"
+  }, restProps), children), /* @__PURE__ */ React.createElement(Paper, {
+    kind: "background",
+    backgroundColor: themeGet(`colors.${color}`, color)(restProps),
+    width: "100%",
+    height: width
+  })));
+};
 Underline.forwardStyle = true;
 export {
   Underline

package/lib/Underline/index.js

@@ -1,10 +1,10 @@
 import {
   init_react_shim
-} from "../../chunk-CPDZ2HQZ.js";
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Underline/index.ts
 init_react_shim();
-import {Underline} from "./Underline.js";
+import { Underline } from "./Underline.js";
 export {
   Underline
 };

package/lib/ViewPager/ViewPager.js

@@ -1,6 +1,6 @@
 import {
   init_react_shim
-} from "../../chunk-CPDZ2HQZ.js";
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/ViewPager/ViewPager.tsx
 init_react_shim();
@@ -15,10 +15,14 @@ import {
   useMemo,
   useState
 } from "react";
-var ViewPager = memo(forwardRef(({children, defaultPageId, pageId, onPageIdChange}, ref) => {
-  const getPageIdFromElement = (element) => element?.props.pageId ?? null;
+var ViewPager = memo(forwardRef(({ children, defaultPageId, pageId, onPageIdChange }, ref) => {
+  var _a;
+  const getPageIdFromElement = (element) => {
+    var _a2;
+    return (_a2 = element == null ? void 0 : element.props.pageId) != null ? _a2 : null;
+  };
   const pageElements = useMemo(() => Children.toArray(children).filter(isValidElement), [children]);
-  const [currentPageId, setCurrentPageId] = useState(defaultPageId ?? pageId ?? getPageIdFromElement(pageElements[0]));
+  const [currentPageId, setCurrentPageId] = useState((_a = defaultPageId != null ? defaultPageId : pageId) != null ? _a : getPageIdFromElement(pageElements[0]));
   const currentPageIndex = useMemo(() => {
     if (currentPageId === void 0) {
       return -1;
@@ -40,14 +44,14 @@ var ViewPager = memo(forwardRef(({children, defaultPageId, pageId, onPageIdChang
       return;
     }
     setCurrentPageId(prevPageId);
-    onPageIdChange?.(prevPageId);
+    onPageIdChange == null ? void 0 : onPageIdChange(prevPageId);
   }, [isFirstPage, prevPageId, onPageIdChange]);
   const moveToNextPage = useCallback(() => {
     if (isLastPage || !nextPageId) {
       return;
     }
     setCurrentPageId(nextPageId);
-    onPageIdChange?.(nextPageId);
+    onPageIdChange == null ? void 0 : onPageIdChange(nextPageId);
   }, [isLastPage, nextPageId, onPageIdChange]);
   useImperativeHandle(ref, () => ({
     currentPageId,
@@ -61,7 +65,7 @@ var ViewPager = memo(forwardRef(({children, defaultPageId, pageId, onPageIdChang
   useEffect(() => {
     if (pageId) {
       setCurrentPageId(pageId);
-      onPageIdChange?.(pageId);
+      onPageIdChange == null ? void 0 : onPageIdChange(pageId);
     }
   }, [onPageIdChange, pageId]);
   return matchedElement;

package/lib/ViewPager/index.js

@@ -1,10 +1,10 @@
 import {
   init_react_shim
-} from "../../chunk-CPDZ2HQZ.js";
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/ViewPager/index.ts
 init_react_shim();
-import {ViewPager} from "./ViewPager.js";
+import { ViewPager } from "./ViewPager.js";
 export {
   ViewPager
 };

package/lib/ViewPager/type.js

@@ -1,6 +1,6 @@
 import {
   init_react_shim
-} from "../../chunk-CPDZ2HQZ.js";
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/ViewPager/type.ts
 init_react_shim();

package/lib/ViewPagerItem/ViewPagerItem.js

@@ -1,20 +1,20 @@
 import {
   React,
   init_react_shim
-} from "../../chunk-CPDZ2HQZ.js";
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/ViewPagerItem/ViewPagerItem.tsx
 init_react_shim();
-import {cloneElement, isValidElement, memo} from "react";
-import {Box} from "../../private/Box/index.js";
-var ViewPagerItem = memo(({children, pageId, display}) => {
+import { cloneElement, isValidElement, memo } from "react";
+import { Box } from "../../private/Box/index.js";
+var ViewPagerItem = memo(({ children, pageId, display = "flex" }) => {
   if (!isValidElement(children)) {
     return null;
   }
   return /* @__PURE__ */ React.createElement(Box, {
     display,
     width: "100%"
-  }, cloneElement(children, {pageId}));
+  }, cloneElement(children, { pageId }));
 });
 export {
   ViewPagerItem

package/lib/ViewPagerItem/index.js

@@ -1,10 +1,10 @@
 import {
   init_react_shim
-} from "../../chunk-CPDZ2HQZ.js";
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/ViewPagerItem/index.ts
 init_react_shim();
-import {ViewPagerItem} from "./ViewPagerItem.js";
+import { ViewPagerItem } from "./ViewPagerItem.js";
 export {
   ViewPagerItem
 };

package/lib/VirtualizedList/VirtualizedList.js

@@ -0,0 +1,56 @@
+import {
+  require_cjs
+} from "../../chunk-2A2YD3YP.js";
+import "../../chunk-IFZN3H2K.js";
+import "../../chunk-R4HM35UZ.js";
+import "../../chunk-CGEEKALF.js";
+import {
+  React,
+  __toModule,
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/lib/VirtualizedList/VirtualizedList.tsx
+init_react_shim();
+var import_react_native_web = __toModule(require_cjs());
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { system } from "../../core/index.js";
+var VirtualizedList = system()()(forwardRef((props, ref) => {
+  const {
+    items,
+    renderItem,
+    keyExtractor,
+    onEndReached,
+    onEndReachedThreshold,
+    onScrollToIndexFailed,
+    renderListHeader,
+    renderListFooter,
+    renderItemSeparator
+  } = props;
+  const flatListRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    scrollToIndex: ({ index }) => {
+      var _a;
+      return (_a = flatListRef.current) == null ? void 0 : _a.scrollToIndex({ index });
+    },
+    scrollToOffset: ({ offset }) => {
+      var _a;
+      return (_a = flatListRef.current) == null ? void 0 : _a.scrollToOffset({ offset });
+    }
+  }));
+  return /* @__PURE__ */ React.createElement(import_react_native_web.FlatList, {
+    ref: flatListRef,
+    data: items,
+    renderItem,
+    keyExtractor: keyExtractor && ((item, index) => keyExtractor({ item, index })),
+    onEndReached,
+    onEndReachedThreshold,
+    onScrollToIndexFailed,
+    ListHeaderComponent: renderListHeader && renderListHeader(),
+    ListFooterComponent: renderListFooter && renderListFooter(),
+    ItemSeparatorComponent: renderItemSeparator && (() => renderItemSeparator())
+  });
+}));
+export {
+  VirtualizedList
+};

package/lib/VirtualizedList/index.js

@@ -0,0 +1,10 @@
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/lib/VirtualizedList/index.ts
+init_react_shim();
+import { VirtualizedList } from "./VirtualizedList.js";
+export {
+  VirtualizedList
+};

package/lib/VirtualizedList/variants.js

@@ -0,0 +1,6 @@
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/lib/VirtualizedList/variants.ts
+init_react_shim();

package/lib/deprecated/Slide/Slide.js

@@ -1,12 +1,12 @@
 import {
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/deprecated/Slide/Slide.tsx
 init_react_shim();
 import React from "react";
-import {Box} from "../../../private/Box/index.js";
-var Slide = React.memo(({children, className, backgroundColor}) => /* @__PURE__ */ React.createElement(Box, {
+import { Box } from "../../../private/Box/index.js";
+var Slide = React.memo(({ children, className, backgroundColor }) => /* @__PURE__ */ React.createElement(Box, {
   className: `${className} oui-slide`,
   position: "relative",
   overflow: "hidden",

package/lib/deprecated/Slide/index.js

@@ -1,6 +1,6 @@
 import {
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/deprecated/Slide/index.ts
 init_react_shim();

package/lib/deprecated/Swiper/Swiper.js

@@ -1,21 +1,24 @@
 import {
   emotion_styled_browser_esm_default
-} from "../../../chunk-KBR5BGSG.js";
-import "../../../chunk-UAWCTQGC.js";
-import "../../../chunk-QN5Q5NTF.js";
+} from "../../../chunk-SFQY5CLW.js";
+import "../../../chunk-T7TBQTBE.js";
+import "../../../chunk-LE44IRCL.js";
+import "../../../chunk-CGEEKALF.js";
+import "../../../chunk-J3Q2BPOW.js";
 import {
   React,
+  __objRest,
   init_react_shim
-} from "../../../chunk-CPDZ2HQZ.js";
+} from "../../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/deprecated/Swiper/Swiper.tsx
 init_react_shim();
-import {memo} from "react";
-import {Box} from "../../../private/Box/index.js";
-import {useSwiper} from "./hooks/useSwiper.js";
+import { memo } from "react";
+import { Box } from "../../../private/Box/index.js";
+import { useSwiper } from "./hooks/useSwiper.js";
 var Swiper = memo((props) => {
-  const {className, children, ...restProps} = props;
-  const {sliderRef} = useSwiper(restProps);
+  const _a = props, { className, children } = _a, restProps = __objRest(_a, ["className", "children"]);
+  const { sliderRef } = useSwiper(restProps);
   return /* @__PURE__ */ React.createElement(Box, {
     className,
     overflow: "hidden"