@tipp/ui 2.1.33 → 2.1.34

package/dist/atoms/index.js

@@ -1,14 +1,8 @@
-import "../chunk-A6W2ZWYA.js";
+import "../chunk-HBF6IIVZ.js";
 import {
   Form,
   FormItem
 } from "../chunk-A5S42XBJ.js";
-import {
-  TabNav
-} from "../chunk-YJ7ZFOYL.js";
-import {
-  Tabs
-} from "../chunk-5ZITU5L7.js";
 import {
   TextArea
 } from "../chunk-3F45OPXG.js";
@@ -19,12 +13,6 @@ import {
   ToastContainer,
   toast
 } from "../chunk-26ZU5KUR.js";
-import {
-  Section
-} from "../chunk-MUNMDHRF.js";
-import {
-  SegmentedControl
-} from "../chunk-TVDKGMBI.js";
 import {
   Select
 } from "../chunk-AP52M2Z5.js";
@@ -41,11 +29,11 @@ import {
   Switch
 } from "../chunk-OYM4XCHQ.js";
 import {
-  Pagination
-} from "../chunk-U2QL5DES.js";
+  TabNav
+} from "../chunk-YJ7ZFOYL.js";
 import {
-  Popover
-} from "../chunk-5AVBYDPB.js";
+  Tabs
+} from "../chunk-5ZITU5L7.js";
 import {
   Progress
 } from "../chunk-365QMK4D.js";
@@ -65,43 +53,24 @@ import {
   ScrollArea
 } from "../chunk-MUPK4L3U.js";
 import {
-  Grid
-} from "../chunk-EGEQY3KT.js";
+  Section
+} from "../chunk-MUNMDHRF.js";
 import {
-  HoverCard
-} from "../chunk-O3T3TM3V.js";
+  SegmentedControl
+} from "../chunk-TVDKGMBI.js";
 import {
   Inset
 } from "../chunk-XQOL7UBI.js";
 import {
-  Kbd
-} from "../chunk-TULWX7D6.js";
-import {
-  Link
-} from "../chunk-TQOQC4PZ.js";
-import {
-  DataList
-} from "../chunk-VTJZMOSP.js";
-import {
-  Dialog
-} from "../chunk-DDRIETGE.js";
-import {
-  Heading
-} from "../chunk-34OQDUQR.js";
+  List,
+  useList
+} from "../chunk-3SK5EPKI.js";
 import {
-  Content,
-  Drawer,
-  Root,
-  Trigger
-} from "../chunk-RHZT4IHH.js";
-import "../chunk-DDUKEE5E.js";
-import {
-  Separator
-} from "../chunk-HYITAA4J.js";
-import "../chunk-U7N2PWMO.js";
+  Pagination
+} from "../chunk-A33C4B6T.js";
 import {
-  IconButton
-} from "../chunk-O3DNDMV3.js";
+  Popover
+} from "../chunk-5AVBYDPB.js";
 import {
   DropdownMenu
 } from "../chunk-HYE34QEM.js";
@@ -118,23 +87,14 @@ import {
   FieldErrorWrapper
 } from "../chunk-KXF3A4OR.js";
 import {
-  Callout
-} from "../chunk-B6XJN6EC.js";
-import {
-  Card
-} from "../chunk-HEDMSFPW.js";
-import {
-  CheckboxCards
-} from "../chunk-MIMJ7LON.js";
+  HoverCard
+} from "../chunk-O3T3TM3V.js";
 import {
   CheckboxGroup
 } from "../chunk-RMTJMZBQ.js";
 import {
   Checkbox
 } from "../chunk-DGAB7BIE.js";
-import {
-  Code
-} from "../chunk-OHMOP5PV.js";
 import {
   Collapse
 } from "../chunk-NFDQJVFA.js";
@@ -142,56 +102,100 @@ import {
   Container
 } from "../chunk-Q37G2GS6.js";
 import {
-  AutoSizingInput
-} from "../chunk-XTHDFSN3.js";
+  DataList
+} from "../chunk-VTJZMOSP.js";
 import {
-  Avatar
-} from "../chunk-FC7WH2S6.js";
+  Dialog
+} from "../chunk-ITJ2PYOE.js";
 import {
-  Badge
-} from "../chunk-FCIHNIOH.js";
+  Content,
+  Drawer,
+  Root,
+  Trigger
+} from "../chunk-VN2JWNYC.js";
+import {
+  Separator
+} from "../chunk-HYITAA4J.js";
+import "../chunk-U7N2PWMO.js";
 import {
   Blockquote
 } from "../chunk-YGL6SWKN.js";
-import {
-  Box
-} from "../chunk-4Y5BEXVN.js";
 import {
   BulletText
 } from "../chunk-I7UUXACJ.js";
+import "../chunk-ZD7MNMED.js";
 import {
-  Typo
-} from "../chunk-PARGQUJB.js";
-import "../chunk-LDBWASUA.js";
+  Callout
+} from "../chunk-B6XJN6EC.js";
 import {
-  Flex
-} from "../chunk-25HMMI7R.js";
+  Card
+} from "../chunk-HEDMSFPW.js";
+import {
+  CheckboxCards
+} from "../chunk-MIMJ7LON.js";
+import {
+  AlertDialog
+} from "../chunk-J242TTFH.js";
+import {
+  AutoSizingInput
+} from "../chunk-XTHDFSN3.js";
+import "../chunk-DDUKEE5E.js";
+import {
+  Kbd
+} from "../chunk-TULWX7D6.js";
+import {
+  Code
+} from "../chunk-OHMOP5PV.js";
+import {
+  Grid
+} from "../chunk-EGEQY3KT.js";
+import {
+  AspectRatio
+} from "../chunk-EAXUQEO5.js";
+import {
+  Badge
+} from "../chunk-FCIHNIOH.js";
+import {
+  Heading
+} from "../chunk-34OQDUQR.js";
+import {
+  Box
+} from "../chunk-4Y5BEXVN.js";
 import {
   Button
 } from "../chunk-AFPH32MF.js";
 import "../chunk-LQY4RKWI.js";
-import "../chunk-ZD7MNMED.js";
+import {
+  Avatar
+} from "../chunk-FC7WH2S6.js";
 import "../chunk-V5XKNSCK.js";
 import "../chunk-WJ34ZHTU.js";
+import "../chunk-MEKWBVXE.js";
+import "../chunk-PVL7SJYR.js";
+import "../chunk-K25BYIJ7.js";
+import "../chunk-ECVAWQXV.js";
+import "../chunk-D7EYDD4E.js";
 import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
-import "../chunk-MEKWBVXE.js";
-import "../chunk-PVL7SJYR.js";
 import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-QNWBUYV2.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
-import "../chunk-K25BYIJ7.js";
-import "../chunk-ECVAWQXV.js";
-import "../chunk-D7EYDD4E.js";
 import {
-  AlertDialog
-} from "../chunk-J242TTFH.js";
+  Link
+} from "../chunk-TQOQC4PZ.js";
 import {
-  AspectRatio
-} from "../chunk-EAXUQEO5.js";
+  IconButton
+} from "../chunk-O3DNDMV3.js";
+import {
+  Typo
+} from "../chunk-PARGQUJB.js";
+import "../chunk-LDBWASUA.js";
+import {
+  Flex
+} from "../chunk-25HMMI7R.js";
 import "../chunk-2NMEKWO5.js";
 export {
   AlertDialog,
@@ -229,6 +233,7 @@ export {
   Inset,
   Kbd,
   Link,
+  List,
   Pagination,
   Popover,
   Progress,
@@ -254,6 +259,7 @@ export {
   Tooltip,
   Trigger,
   Typo,
-  toast
+  toast,
+  useList
 };
 //# sourceMappingURL=index.js.map

package/dist/atoms/list.cjs

@@ -0,0 +1,144 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/list.tsx
+var list_exports = {};
+__export(list_exports, {
+  List: () => List,
+  useList: () => useList
+});
+module.exports = __toCommonJS(list_exports);
+var import_react2 = require("react");
+
+// src/utils/map-with-responsive.ts
+var mapWithResponsive = (args) => {
+  const { value, mapFn } = args;
+  if (typeof value === "string") {
+    return mapFn(value);
+  }
+  ;
+  if (typeof value === "object") {
+    const newObj = {};
+    let key;
+    for (key in value) {
+      newObj[key] = mapFn(value[key]);
+    }
+    return newObj;
+  }
+  return value;
+};
+
+// src/atoms/typo.tsx
+var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Typo = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      if (size !== void 0) return size;
+      if (variant === void 0) return "2";
+      return mapWithResponsive({
+        value: variant,
+        mapFn: (variantValue) => {
+          switch (variantValue) {
+            case "caption":
+              return "1";
+            case "subtitle":
+              return "3";
+            case "body":
+            default:
+              return "2";
+          }
+        }
+      });
+    }, [size, variant]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+  }
+);
+Typo.displayName = "Typo";
+
+// src/atoms/flex.tsx
+var import_themes2 = require("@radix-ui/themes");
+
+// src/atoms/list.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Root(props) {
+  const { variant, size = "large", children } = props;
+  const Comp = variant === "ol" ? "ol" : "ul";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ListContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes2.Flex, { direction: "column", asChild: true, gap: "1", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { children }) }) });
+}
+function Item(props) {
+  const { children } = props;
+  const { size } = useList();
+  const variant = (0, import_react2.useMemo)(() => {
+    return mapWithResponsive({
+      value: size,
+      mapFn: (sizeValue) => {
+        return sizeValue === "small" ? "caption" : "body";
+      }
+    });
+  }, [
+    size
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Typo, { asChild: true, variant, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children }) });
+}
+var ListContext = (0, import_react2.createContext)({ size: "large" });
+function useList() {
+  return (0, import_react2.useContext)(ListContext);
+}
+var List = {
+  Root,
+  Item
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  List,
+  useList
+});
+//# sourceMappingURL=list.cjs.map

package/dist/atoms/list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/list.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/typo.tsx","../../src/atoms/flex.tsx"],"sourcesContent":["import type { Responsive } from '@radix-ui/themes/props'\nimport React, { createContext, useContext, useMemo } from 'react'\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\nimport { Typo } from './typo';\nimport { Flex } from './flex';\n\nexport interface ListRootProps {\n  variant?: 'ol' | 'ul'\n  size?: Responsive<'small' | 'large'>\n  children?: React.ReactNode\n}\n\nfunction Root(props: ListRootProps):React.ReactElement {\n  const {variant, size = 'large', children} = props;\n  const Comp = variant === 'ol' ? 'ol' : \"ul\";\n  return (\n    <ListContext.Provider value={{size}}> \n    <Flex direction=\"column\" asChild gap=\"1\">\n\n    <Comp>\n      {children}\n    </Comp>\n    </Flex>\n    </ListContext.Provider>\n  )\n}\n\nexport interface ListItemProps {\n  children?: React.ReactNode\n}\n\nfunction Item(props: ListItemProps):React.ReactElement {\n  const {children} = props;\n  const {size} = useList();\n\n  const variant = useMemo(()=>{\n    return mapWithResponsive({\n      value: size,\n      mapFn: (sizeValue) => {\n        return sizeValue === 'small' ? 'caption' : 'body';\n      },\n    });\n  },[\n    size\n  ])\n\n  return <Typo asChild variant={variant}>\n    <li>{children}</li>\n  </Typo>\n}\n\nconst ListContext = createContext<{size: Responsive<'small' | 'large'>}>({size: 'large'});\n\nexport function useList(): {size: Responsive<'small' | 'large'>} {\n  return useContext(ListContext);\n}\n\nexport const List = {\n  Root,\n  Item\n}","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAA0D;;;ACCnD,IAAM,oBAAoB,CAChC,SAC+B;AAC9B,QAAM,EAAC,OAAO,MAAK,IAAI;AACvB,MAAG,OAAO,UAAU,UAAS;AAC3B,WAAO,MAAM,KAAK;AAAA,EACpB;AAAC;AAED,MAAG,OAAO,UAAU,UAAS;AAC3B,UAAM,SAAyC,CAAC;AAChD,QAAI;AACJ,SAAI,OAAO,OAAM;AACf,aAAO,GAAG,IAAI,MAAM,MAAM,GAAG,CAAC;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;;;ACjBA,oBAAkC;AAClC,mBAA2C;AAiCrC;AA1BC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAZ3B,IAYiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS,OAAW,QAAO;AAE/B,UAAI,YAAY,OAAW,QAAO;AAElC,aAAO,kBAAkB;AAAA,QACvB,OAAO;AAAA,QACP,OAAO,CAAC,iBAAmD;AACzD,kBAAQ,cAAc;AAAA,YACpB,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AAAA,YACL;AACE,qBAAO;AAAA,UACX;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,cAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AC3CnB,IAAAC,iBAAqC;;;AHmBjC,IAAAC,sBAAA;AAPJ,SAAS,KAAK,OAAyC;AACrD,QAAM,EAAC,SAAS,OAAO,SAAS,SAAQ,IAAI;AAC5C,QAAM,OAAO,YAAY,OAAO,OAAO;AACvC,SACE,6CAAC,YAAY,UAAZ,EAAqB,OAAO,EAAC,KAAI,GAClC,uDAAC,uBAAK,WAAU,UAAS,SAAO,MAAC,KAAI,KAErC,uDAAC,QACE,UACH,GACA,GACA;AAEJ;AAMA,SAAS,KAAK,OAAyC;AACrD,QAAM,EAAC,SAAQ,IAAI;AACnB,QAAM,EAAC,KAAI,IAAI,QAAQ;AAEvB,QAAM,cAAU,uBAAQ,MAAI;AAC1B,WAAO,kBAAkB;AAAA,MACvB,OAAO;AAAA,MACP,OAAO,CAAC,cAAc;AACpB,eAAO,cAAc,UAAU,YAAY;AAAA,MAC7C;AAAA,IACF,CAAC;AAAA,EACH,GAAE;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,6CAAC,QAAK,SAAO,MAAC,SACnB,uDAAC,QAAI,UAAS,GAChB;AACF;AAEA,IAAM,kBAAc,6BAAqD,EAAC,MAAM,QAAO,CAAC;AAEjF,SAAS,UAAiD;AAC/D,aAAO,0BAAW,WAAW;AAC/B;AAEO,IAAM,OAAO;AAAA,EAClB;AAAA,EACA;AACF;","names":["import_react","RadixText","import_themes","import_jsx_runtime"]}

package/dist/atoms/list.d.cts

@@ -0,0 +1,22 @@
+import { Responsive } from '@radix-ui/themes/props';
+import React__default from 'react';
+
+interface ListRootProps {
+    variant?: 'ol' | 'ul';
+    size?: Responsive<'small' | 'large'>;
+    children?: React__default.ReactNode;
+}
+declare function Root(props: ListRootProps): React__default.ReactElement;
+interface ListItemProps {
+    children?: React__default.ReactNode;
+}
+declare function Item(props: ListItemProps): React__default.ReactElement;
+declare function useList(): {
+    size: Responsive<'small' | 'large'>;
+};
+declare const List: {
+    Root: typeof Root;
+    Item: typeof Item;
+};
+
+export { List, type ListItemProps, type ListRootProps, useList };

package/dist/atoms/list.d.ts

@@ -0,0 +1,22 @@
+import { Responsive } from '@radix-ui/themes/props';
+import React__default from 'react';
+
+interface ListRootProps {
+    variant?: 'ol' | 'ul';
+    size?: Responsive<'small' | 'large'>;
+    children?: React__default.ReactNode;
+}
+declare function Root(props: ListRootProps): React__default.ReactElement;
+interface ListItemProps {
+    children?: React__default.ReactNode;
+}
+declare function Item(props: ListItemProps): React__default.ReactElement;
+declare function useList(): {
+    size: Responsive<'small' | 'large'>;
+};
+declare const List: {
+    Root: typeof Root;
+    Item: typeof Item;
+};
+
+export { List, type ListItemProps, type ListRootProps, useList };

package/dist/atoms/list.js

@@ -0,0 +1,13 @@
+import {
+  List,
+  useList
+} from "../chunk-3SK5EPKI.js";
+import "../chunk-PARGQUJB.js";
+import "../chunk-LDBWASUA.js";
+import "../chunk-25HMMI7R.js";
+import "../chunk-2NMEKWO5.js";
+export {
+  List,
+  useList
+};
+//# sourceMappingURL=list.js.map

package/dist/atoms/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/pagination.js

@@ -1,25 +1,25 @@
 import {
   Pagination
-} from "../chunk-U2QL5DES.js";
-import "../chunk-O3DNDMV3.js";
-import "../chunk-PARGQUJB.js";
-import "../chunk-LDBWASUA.js";
-import "../chunk-25HMMI7R.js";
+} from "../chunk-A33C4B6T.js";
 import "../chunk-V5XKNSCK.js";
 import "../chunk-WJ34ZHTU.js";
+import "../chunk-MEKWBVXE.js";
+import "../chunk-PVL7SJYR.js";
+import "../chunk-K25BYIJ7.js";
+import "../chunk-ECVAWQXV.js";
+import "../chunk-D7EYDD4E.js";
 import "../chunk-2TPQQBUQ.js";
 import "../chunk-HLFTU725.js";
 import "../chunk-XD3KUE4Q.js";
-import "../chunk-MEKWBVXE.js";
-import "../chunk-PVL7SJYR.js";
 import "../chunk-25Q6QLSN.js";
 import "../chunk-TPEIE4IP.js";
 import "../chunk-QNWBUYV2.js";
 import "../chunk-XSX6K7SK.js";
 import "../chunk-UQN63IRS.js";
-import "../chunk-K25BYIJ7.js";
-import "../chunk-ECVAWQXV.js";
-import "../chunk-D7EYDD4E.js";
+import "../chunk-O3DNDMV3.js";
+import "../chunk-PARGQUJB.js";
+import "../chunk-LDBWASUA.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-2NMEKWO5.js";
 export {
   Pagination

package/dist/chunk-27IXBDJQ.js

@@ -0,0 +1,90 @@
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-34OQDUQR.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PARGQUJB.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-V5XKNSCK.js";
+
+// src/molecules/curriculumV2/curriculum-sub-nav.tsx
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumSubNav() {
+  const {
+    selectedItem,
+    selectedSectionTitle,
+    hasPrev,
+    hasNext,
+    selectPrev,
+    selectNext,
+    scrollNavItem
+  } = useCurriculumContext();
+  const onClickPrev = useCallback(() => {
+    selectPrev((moveIndex) => {
+      scrollNavItem(moveIndex.toString());
+    });
+  }, [selectPrev, scrollNavItem]);
+  const onClickNext = useCallback(() => {
+    selectNext((moveIndex) => {
+      scrollNavItem(moveIndex.toString());
+    });
+  }, [selectNext, scrollNavItem]);
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      align: "center",
+      columns: { initial: "32px 1fr 32px", md: "48px 1fr 48px" },
+      pb: { initial: "2", md: "3" },
+      px: { initial: "1", md: "2" },
+      py: "2",
+      rows: "auto",
+      children: [
+        hasPrev ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "gray",
+            onClick: onClickPrev,
+            size: { initial: "3", md: "4" },
+            variant: "ghost",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { height: "16px", width: "16px" })
+          }
+        ) : /* @__PURE__ */ jsx(Box, {}),
+        /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
+          /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Heading, { style: { textOverflow: "ellipsis" }, variant: "heading5", children: selectedItem.title }) }),
+          /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Typo, { weight: "bold", children: selectedItem.title }) }),
+          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", mt: "1", style: { textOverflow: "ellipsis" }, variant: "caption", children: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title })
+        ] }),
+        hasNext ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "gray",
+            onClick: onClickNext,
+            size: { initial: "3", md: "4" },
+            variant: "ghost",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { height: "16px", width: "16px" })
+          }
+        ) : /* @__PURE__ */ jsx(Box, {})
+      ]
+    }
+  );
+}
+
+export {
+  CurriculumSubNav
+};
+//# sourceMappingURL=chunk-27IXBDJQ.js.map

package/dist/chunk-27IXBDJQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/curriculum-sub-nav.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Box, Grid, Heading, IconButton, Typo } from '@/atoms';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@/icon';\nimport { useCurriculumContext } from './curriculum-context';\n\nexport function CurriculumSubNav(): React.ReactNode {\n  const {\n    selectedItem,\n    selectedSectionTitle,\n    hasPrev,\n    hasNext,\n    selectPrev,\n    selectNext,\n    scrollNavItem,\n  } = useCurriculumContext();\n\n  const onClickPrev = useCallback(() => {\n    selectPrev((moveIndex) => {\n      scrollNavItem(moveIndex.toString());\n    });\n  }, [selectPrev, scrollNavItem]);\n\n  const onClickNext = useCallback(() => {\n    selectNext((moveIndex) => {\n      scrollNavItem(moveIndex.toString());\n    });\n  }, [selectNext, scrollNavItem]);\n\n  return (\n    <Grid\n      align=\"center\"\n      columns={{ initial: '32px 1fr 32px', md: '48px 1fr 48px' }}\n      pb={{ initial: '2', md: '3' }}\n      px={{ initial: '1', md: '2' }}\n      py=\"2\"\n      rows=\"auto\"\n    >\n      {hasPrev ? (\n        <IconButton\n          color=\"gray\"\n          onClick={onClickPrev}\n          size={{ initial: '3', md: '4' }}\n          variant=\"ghost\"\n        >\n          <ChevronLeftIcon height=\"16px\" width=\"16px\" />\n        </IconButton>\n      ) : (\n        <Box />\n      )}\n      <Box width=\"100%\">\n        {/* 데스크탑 타이틀 */}\n        <Box display={{ initial: 'none', md: 'block' }}>\n          <Heading style={{ textOverflow: 'ellipsis' }} variant=\"heading5\">\n            {selectedItem.title}\n          </Heading>\n        </Box>\n\n        {/* 모바일 타이틀 */}\n        <Box display={{ initial: 'block', md: 'none' }}>\n          <Typo weight=\"bold\">{selectedItem.title}</Typo>\n        </Box>\n\n        <Typo as=\"p\" color=\"gray\" mt=\"1\" style={{ textOverflow: 'ellipsis' }} variant='caption'>\n          {selectedSectionTitle?.title}\n        </Typo>\n      </Box>\n      {hasNext ? (\n        <IconButton\n          color=\"gray\"\n          onClick={onClickNext}\n          size={{ initial: '3', md: '4' }}\n          variant=\"ghost\"\n        >\n          <ChevronRightIcon height=\"16px\" width=\"16px\" />\n        </IconButton>\n      ) : (\n        <Box />\n      )}\n    </Grid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AA4CzB,cAKJ,YALI;AAvCH,SAAS,mBAAoC;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AAEzB,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,CAAC,cAAc;AACxB,oBAAc,UAAU,SAAS,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,aAAa,CAAC;AAE9B,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,CAAC,cAAc;AACxB,oBAAc,UAAU,SAAS,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,aAAa,CAAC;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,EAAE,SAAS,iBAAiB,IAAI,gBAAgB;AAAA,MACzD,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,MAC5B,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,MAC5B,IAAG;AAAA,MACH,MAAK;AAAA,MAEJ;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,YAC9B,SAAQ;AAAA,YAER,8BAAC,mBAAgB,QAAO,QAAO,OAAM,QAAO;AAAA;AAAA,QAC9C,IAEA,oBAAC,OAAI;AAAA,QAEP,qBAAC,OAAI,OAAM,QAET;AAAA,8BAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,GAC3C,8BAAC,WAAQ,OAAO,EAAE,cAAc,WAAW,GAAG,SAAQ,YACnD,uBAAa,OAChB,GACF;AAAA,UAGA,oBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,OAAO,GAC3C,8BAAC,QAAK,QAAO,QAAQ,uBAAa,OAAM,GAC1C;AAAA,UAEA,oBAAC,QAAK,IAAG,KAAI,OAAM,QAAO,IAAG,KAAI,OAAO,EAAE,cAAc,WAAW,GAAG,SAAQ,WAC3E,uEAAsB,OACzB;AAAA,WACF;AAAA,QACC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,YAC9B,SAAQ;AAAA,YAER,8BAAC,oBAAiB,QAAO,QAAO,OAAM,QAAO;AAAA;AAAA,QAC/C,IAEA,oBAAC,OAAI;AAAA;AAAA;AAAA,EAET;AAEJ;","names":[]}