@tipp/ui 2.3.35 → 2.3.37

package/dist/{chunk-RM5CQ77X.js → chunk-3JRHAKLV.js}

@@ -1,12 +1,6 @@
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -16,6 +10,12 @@ import {
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Badge
+} from "./chunk-U3BQT7ZO.js";
 
 // src/app/platform/session-review-simple-read.tsx
 import { useMemo } from "react";
@@ -60,4 +60,4 @@ function SessionReviewSimpleRead({
 export {
   SessionReviewSimpleRead
 };
-//# sourceMappingURL=chunk-RM5CQ77X.js.map
+//# sourceMappingURL=chunk-3JRHAKLV.js.map

package/dist/{chunk-QKZTZUWP.js → chunk-3Z2XZ4ZG.js}

@@ -1,6 +1,3 @@
-import {
-  Avatar
-} from "./chunk-K36TPMKL.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
@@ -10,6 +7,9 @@ import {
 import {
   CheckIcon
 } from "./chunk-DLP4UUNG.js";
+import {
+  Avatar
+} from "./chunk-K36TPMKL.js";
 
 // src/molecules/stepper.tsx
 import { createContext, Children, useContext, useMemo } from "react";
@@ -166,4 +166,4 @@ var Stepper = {
 export {
   Stepper
 };
-//# sourceMappingURL=chunk-QKZTZUWP.js.map
+//# sourceMappingURL=chunk-3Z2XZ4ZG.js.map

package/dist/{chunk-CIQ7ELE6.js → chunk-4QHXYLE4.js}

@@ -15,9 +15,6 @@ import {
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -30,6 +27,9 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Badge
+} from "./chunk-U3BQT7ZO.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -148,4 +148,4 @@ var start_review_default = StartReview;
 export {
   start_review_default
 };
-//# sourceMappingURL=chunk-CIQ7ELE6.js.map
+//# sourceMappingURL=chunk-4QHXYLE4.js.map

package/dist/{chunk-7R65MUL6.js → chunk-6UXCNYVO.js}

@@ -4,15 +4,15 @@ import {
 import {
   Select
 } from "./chunk-X2GMDZ7M.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/dynamic-form-editor-field-list-panel.tsx
 import { useMemo } from "react";
@@ -103,4 +103,4 @@ function DynamicFormEditorFieldListPanel(props) {
 export {
   DynamicFormEditorFieldListPanel
 };
-//# sourceMappingURL=chunk-7R65MUL6.js.map
+//# sourceMappingURL=chunk-6UXCNYVO.js.map

package/dist/{chunk-QEDJOAP6.js → chunk-BFRNEBJN.js}

@@ -4,15 +4,15 @@ import {
 import {
   List
 } from "./chunk-JIJLOKVN.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
+import {
+  Callout
+} from "./chunk-B6XJN6EC.js";
 
 // src/molecules/description-json-render.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -48,4 +48,4 @@ function DescriptionJsonRender(props) {
 export {
   DescriptionJsonRender
 };
-//# sourceMappingURL=chunk-QEDJOAP6.js.map
+//# sourceMappingURL=chunk-BFRNEBJN.js.map

package/dist/{chunk-YPEB36YK.js → chunk-BKYPABII.js}

@@ -1,15 +1,15 @@
 import {
   DynamicFormEditorFieldEditorPanel
-} from "./chunk-5WX7CODZ.js";
+} from "./chunk-GXPEADVY.js";
 import {
   DynamicFormEditorFieldListPanel
-} from "./chunk-7R65MUL6.js";
+} from "./chunk-6UXCNYVO.js";
 import {
   DynamicFormEditorIssuesPanel
-} from "./chunk-AA6OYHCE.js";
+} from "./chunk-MIATMZDP.js";
 import {
   DynamicFormEditorPreviewPanel
-} from "./chunk-ZA4NYPSW.js";
+} from "./chunk-JRSZNGFD.js";
 import {
   createDefaultField,
   createUniqueFieldName,
@@ -227,4 +227,4 @@ function DynamicFormEditor(props) {
 export {
   DynamicFormEditor
 };
-//# sourceMappingURL=chunk-YPEB36YK.js.map
+//# sourceMappingURL=chunk-BKYPABII.js.map

package/dist/{chunk-AYWPBD4T.js → chunk-CI2XFT7Y.js}

@@ -7,9 +7,6 @@ import {
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -23,6 +20,9 @@ import {
   ArrowRightIcon,
   TimerIcon
 } from "./chunk-DLP4UUNG.js";
+import {
+  Badge
+} from "./chunk-U3BQT7ZO.js";
 
 // src/app/platform/curriculum-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -96,4 +96,4 @@ function CurriculumCard(props) {
 export {
   CurriculumCard
 };
-//# sourceMappingURL=chunk-AYWPBD4T.js.map
+//# sourceMappingURL=chunk-CI2XFT7Y.js.map

package/dist/{chunk-LATTGN7W.js → chunk-E5ZJDDZH.js}

@@ -16,9 +16,6 @@ import {
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   BulletText
 } from "./chunk-Z34HR7RE.js";
@@ -28,6 +25,9 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   Pencil1Icon
 } from "./chunk-DLP4UUNG.js";
@@ -141,4 +141,4 @@ function SessionCard(props) {
 export {
   SessionCard
 };
-//# sourceMappingURL=chunk-LATTGN7W.js.map
+//# sourceMappingURL=chunk-E5ZJDDZH.js.map

package/dist/{chunk-V3F7KAR6.js → chunk-GFRYS4IN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-FR2GDOU2.js";
 import {
   Pagination
-} from "./chunk-F7LTJOOC.js";
+} from "./chunk-OXZ25J7F.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
@@ -233,4 +233,4 @@ export {
   createColumnHelper,
   ExpandTable
 };
-//# sourceMappingURL=chunk-V3F7KAR6.js.map
+//# sourceMappingURL=chunk-GFRYS4IN.js.map

package/dist/{chunk-OILH5J7Q.js → chunk-GXG26SHU.js}

@@ -7,9 +7,6 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -22,6 +19,9 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
 import { useCallback, useMemo, useState } from "react";
@@ -98,4 +98,4 @@ var review_question_radio_default = ReviewQuestionRadio;
 export {
   review_question_radio_default
 };
-//# sourceMappingURL=chunk-OILH5J7Q.js.map
+//# sourceMappingURL=chunk-GXG26SHU.js.map

package/dist/{chunk-5WX7CODZ.js → chunk-GXPEADVY.js}

@@ -18,15 +18,12 @@ import {
 import {
   Select
 } from "./chunk-X2GMDZ7M.js";
-import {
-  IconButton
-} from "./chunk-XK6VEVOK.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Checkbox
 } from "./chunk-VYCYVN3L.js";
+import {
+  IconButton
+} from "./chunk-XK6VEVOK.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
@@ -36,6 +33,9 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   ChevronDownIcon,
   ChevronUpIcon,
@@ -686,4 +686,4 @@ function DynamicFormEditorFieldEditorPanel(props) {
 export {
   DynamicFormEditorFieldEditorPanel
 };
-//# sourceMappingURL=chunk-5WX7CODZ.js.map
+//# sourceMappingURL=chunk-GXPEADVY.js.map

package/dist/{chunk-2U7C7J5P.js → chunk-GXWE3QNN.js}

@@ -10,15 +10,15 @@ import {
 import {
   TextField
 } from "./chunk-6NPTJBFE.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -142,4 +142,4 @@ function GoalManageCardEdit(props) {
 export {
   GoalManageCardEdit
 };
-//# sourceMappingURL=chunk-2U7C7J5P.js.map
+//# sourceMappingURL=chunk-GXWE3QNN.js.map

package/dist/{chunk-ESM3HX57.js → chunk-HIMIOODO.js}

@@ -1,12 +1,12 @@
 import {
   ReviewQuestion_default
-} from "./chunk-PGUDVR3V.js";
+} from "./chunk-XWNFR24N.js";
 import {
   complete_review_default
 } from "./chunk-NIMLBANB.js";
 import {
   start_review_default
-} from "./chunk-CIQ7ELE6.js";
+} from "./chunk-4QHXYLE4.js";
 import {
   CurriculumReviewProvider,
   useCurriculumReviewContext
@@ -86,4 +86,4 @@ var CurriculumReviewSteps_default = CurriculumReviewSteps;
 export {
   CurriculumReviewSteps_default
 };
-//# sourceMappingURL=chunk-ESM3HX57.js.map
+//# sourceMappingURL=chunk-HIMIOODO.js.map

package/dist/{chunk-U3FBMFRL.js → chunk-I5RQ5T4B.js}

@@ -7,21 +7,15 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
+import {
+  Collapse
+} from "./chunk-NFDQJVFA.js";
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
 import {
   IconButton
 } from "./chunk-XK6VEVOK.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-import {
-  Collapse
-} from "./chunk-NFDQJVFA.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -34,6 +28,9 @@ import {
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   ChevronDownIcon,
   ChevronUpIcon,
@@ -41,6 +38,9 @@ import {
   RocketIcon,
   TrashIcon
 } from "./chunk-DLP4UUNG.js";
+import {
+  Badge
+} from "./chunk-U3BQT7ZO.js";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -162,4 +162,4 @@ function GoalManageCardRead(props) {
 export {
   GoalManageCardRead
 };
-//# sourceMappingURL=chunk-U3FBMFRL.js.map
+//# sourceMappingURL=chunk-I5RQ5T4B.js.map

package/dist/{chunk-NTJLECYY.js → chunk-JFJ3N4V5.js}

@@ -4,12 +4,12 @@ import {
 import {
   RadioGroup
 } from "./chunk-6DJOIRMF.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
 export {
   review_question_satisfaction_option_default
 };
-//# sourceMappingURL=chunk-NTJLECYY.js.map
+//# sourceMappingURL=chunk-JFJ3N4V5.js.map

package/dist/{chunk-ZA4NYPSW.js → chunk-JRSZNGFD.js}

@@ -1,15 +1,15 @@
 import {
   DynamicForm
-} from "./chunk-GTO7GG2K.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
+} from "./chunk-KCAOUZCT.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/dynamic-form-editor-preview-panel.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function DynamicFormEditorPreviewPanel(props) {
 export {
   DynamicFormEditorPreviewPanel
 };
-//# sourceMappingURL=chunk-ZA4NYPSW.js.map
+//# sourceMappingURL=chunk-JRSZNGFD.js.map

package/dist/{chunk-GTO7GG2K.js → chunk-KCAOUZCT.js}

@@ -1,6 +1,6 @@
 import {
   DynamicFormField
-} from "./chunk-HTNDVNLQ.js";
+} from "./chunk-MPZJH3PI.js";
 import {
   DynamicFormProvider,
   useDynamicForm
@@ -242,4 +242,4 @@ export {
   DynamicForm,
   createYupValidation
 };
-//# sourceMappingURL=chunk-GTO7GG2K.js.map
+//# sourceMappingURL=chunk-KCAOUZCT.js.map

package/dist/{chunk-62HSZXVT.js → chunk-KD6EXWP7.js}

@@ -16,9 +16,6 @@ import {
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -28,6 +25,9 @@ import {
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/app/platform/userInfos/coaching-customer-info/medium.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -71,4 +71,4 @@ function CoachingCustomerInfoMedium({
 export {
   CoachingCustomerInfoMedium
 };
-//# sourceMappingURL=chunk-62HSZXVT.js.map
+//# sourceMappingURL=chunk-KD6EXWP7.js.map

package/dist/{chunk-AA6OYHCE.js → chunk-MIATMZDP.js}

@@ -1,12 +1,12 @@
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/dynamic-form-editor-issues-panel.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,4 +36,4 @@ function DynamicFormEditorIssuesPanel(props) {
 export {
   DynamicFormEditorIssuesPanel
 };
-//# sourceMappingURL=chunk-AA6OYHCE.js.map
+//# sourceMappingURL=chunk-MIATMZDP.js.map

package/dist/{chunk-SLJLEPD2.js → chunk-MLAQDU6U.js}

@@ -61,6 +61,19 @@ function TrainingInfoGuidelineItem({
       }
     );
   }
+  if (value.type === "youtube-shorts") {
+    return /* @__PURE__ */ jsx(
+      TrainingInfoGuidelineButton,
+      {
+        description: "TIPP \uC1FC\uCE20 \uBCF4\uAE30",
+        icon: /* @__PURE__ */ jsx(VideoIcon, {}),
+        onClick: () => {
+          window.open(value.url, "_blank");
+        },
+        title: value.title
+      }
+    );
+  }
   if (value.type === "video") {
     return /* @__PURE__ */ jsxs(Dialog.Root, { children: [
       /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
@@ -160,4 +173,4 @@ function TrainingInfoGuidelineButton({
 export {
   TrainingInfoGuideline
 };
-//# sourceMappingURL=chunk-SLJLEPD2.js.map
+//# sourceMappingURL=chunk-MLAQDU6U.js.map

package/dist/chunk-MLAQDU6U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/training-info-guideline.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { FileTextIcon, VideoIcon } from '@radix-ui/react-icons';\nimport { AspectRatio } from '@/atoms/aspect-ratio';\nimport { Button } from '@/atoms/button';\nimport type { TrainingInfoGuidelineContents } from '@/types/training-info-guideline-schema-generated';\nimport { Dialog } from '@/atoms/dialog';\nimport { Spinner } from '@/atoms/spinner';\nimport { Box } from '@/atoms/box';\nimport { Separator } from '@/atoms/separator';\nimport { Typo } from '@/atoms/typo';\nimport { Flex } from '../atoms/flex';\n\nexport interface TrainingInfoGuidelineProps {\n  values: TrainingInfoGuidelineContents['values'];\n  onClickFileDownload: (args: { url: string; filename: string }) => void;\n}\n\nexport function TrainingInfoGuideline({\n  values,\n  onClickFileDownload,\n}: TrainingInfoGuidelineProps): React.ReactElement {\n  return (\n    <>\n      {values.map((value) => (\n        <TrainingInfoGuidelineItem\n          key={getItemKey(value)}\n          onClickFileDownload={onClickFileDownload}\n          value={value}\n        />\n      ))}\n    </>\n  );\n}\n\ntype TrainingInfoGuidelineValue =\n  TrainingInfoGuidelineContents['values'][number];\n\nfunction getItemKey(value: TrainingInfoGuidelineValue): string {\n  return value.url;\n}\n\ninterface TrainingInfoGuidelineItemProps {\n  value: TrainingInfoGuidelineValue;\n  onClickFileDownload: TrainingInfoGuidelineProps['onClickFileDownload'];\n}\n\nfunction TrainingInfoGuidelineItem({\n  value,\n  onClickFileDownload,\n}: TrainingInfoGuidelineItemProps): React.ReactElement | null {\n  const [isLoading, setIsLoading] = useState(true);\n\n  if (value.type === 'file') {\n    return (\n      <TrainingInfoGuidelineButton\n        description=\"파일 다운로드\"\n        icon={<FileTextIcon />}\n        onClick={() => {\n          onClickFileDownload({ url: value.url, filename: value.filename });\n        }}\n        title={value.downloadButtonName}\n      />\n    );\n  }\n\n  if (value.type === 'youtube-shorts') {\n    return (\n      <TrainingInfoGuidelineButton\n        description=\"TIPP 쇼츠 보기\"\n        icon={<VideoIcon />}\n        onClick={() => {\n          window.open(value.url, '_blank');\n        }}\n        title={value.title}\n      />\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 차후 다른 타입 추가 시 사용\n  if (value.type === 'video') {\n    return (\n      <Dialog.Root>\n        <Dialog.Trigger>\n          <TrainingInfoGuidelineButton\n            description=\"영상 자료\"\n            icon={<VideoIcon />}\n            title={value.videoTitle}\n          />\n        </Dialog.Trigger>\n        <Dialog.Content\n          height=\"100%\"\n          maxHeight=\"500px\"\n          maxWidth=\"800px\"\n          title={value.videoTitle}\n          width=\"100%\"\n        >\n          <AspectRatio ratio={16 / 9} style={{ width: '100%' }}>\n            <Flex\n              align=\"center\"\n              justify=\"center\"\n              style={{\n                width: '100%',\n                height: '100%',\n                backgroundColor: 'black',\n                position: 'relative',\n              }}\n            >\n              {isLoading ? (\n                <Flex\n                  align=\"center\"\n                  height=\"100%\"\n                  justify=\"center\"\n                  position=\"absolute\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    zIndex: 1,\n                    color: 'white',\n                  }}\n                  width=\"100%\"\n                >\n                  <Spinner size=\"3\" style={{ width: 48, height: 48 }} />\n                </Flex>\n              ) : null}\n\n              <iframe\n                allowFullScreen\n                onError={() => {\n                  setIsLoading(false);\n                }} // 필요시 에러 메시지로 대체\n                onLoad={() => {\n                  setIsLoading(false);\n                }}\n                src={`${value.url}?theme=light`}\n                style={{ width: '100%', height: '100%', border: 'none' }}\n                title=\"Curriculum Video\"\n              />\n            </Flex>\n          </AspectRatio>\n        </Dialog.Content>\n      </Dialog.Root>\n    );\n  }\n  return null;\n}\n\ninterface TrainingInfoGuidelineButtonProps {\n  icon: React.ReactNode;\n  title: string;\n  description?: string;\n  onClick?: () => void;\n}\n\nfunction TrainingInfoGuidelineButton({\n  icon,\n  title,\n  description,\n  onClick,\n}: TrainingInfoGuidelineButtonProps): React.ReactElement {\n  return (\n    <Button\n      onClick={onClick}\n      style={{ width: '100%', height: '48px' , textAlign: 'left'}}\n      variant=\"outline\"\n    >\n      <Flex align=\"center\" gap=\"2\" width=\"100%\">\n        {icon}\n        <Separator orientation=\"vertical\" size=\"2\" />\n        <Box>\n          <Typo as=\"div\">\n            {title}\n          </Typo>\n          {typeof description === 'string' && description !== '' ? (\n            <Typo variant=\"caption\" >\n              {description}\n            </Typo>\n          ) : null}\n        </Box>\n        \n      </Flex>\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-HTNDVNLQ.js → chunk-MPZJH3PI.js}

@@ -16,12 +16,12 @@ import {
 import {
   RadioGroup
 } from "./chunk-6DJOIRMF.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
 import {
   CheckboxGroup
 } from "./chunk-W7X7KSJP.js";
@@ -284,4 +284,4 @@ function DynamicFormField({
 export {
   DynamicFormField
 };
-//# sourceMappingURL=chunk-HTNDVNLQ.js.map
+//# sourceMappingURL=chunk-MPZJH3PI.js.map

package/dist/{chunk-F7LTJOOC.js → chunk-OXZ25J7F.js}

@@ -19,17 +19,22 @@ import {
 } from "./chunk-CRTRMMJ7.js";
 
 // src/atoms/pagination.tsx
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
+import { useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Pagination(props) {
   const { onChange, count = 0, siblingCount = 2 } = props;
-  const [page, setPage] = useState(() => props.page || props.defaultPage || 1);
+  const isControlled = props.page !== void 0;
+  const [internalPage, setInternalPage] = useState(props.defaultPage || 1);
+  const page = isControlled ? props.page : internalPage;
+  const goToPage = useCallback(
+    (next2) => {
+      if (!isControlled) {
+        setInternalPage(next2);
+      }
+      onChange == null ? void 0 : onChange(next2);
+    },
+    [isControlled, onChange]
+  );
   const visibleItems = useMemo(() => {
     let start = Math.max(1, page - siblingCount);
     let end = Math.min(count, page + siblingCount);
@@ -40,24 +45,6 @@ function Pagination(props) {
     }
     return Array.from({ length: end - start + 1 }, (_, i) => i + start);
   }, [count, page, siblingCount]);
-  const onChangeRef = useRef(onChange);
-  useEffect(() => {
-    onChangeRef.current = onChange;
-  });
-  const isFirstRender = useRef(true);
-  useEffect(() => {
-    var _a;
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, page);
-  }, [page]);
-  useEffect(() => {
-    if (props.page && props.page !== page) {
-      setPage(props.page);
-    }
-  }, [props.page, page]);
   const prev = useMemo(() => {
     const p = page - 1;
     return p < 1 ? void 0 : p;
@@ -67,18 +54,18 @@ function Pagination(props) {
     return n > count ? void 0 : n;
   }, [count, page]);
   const onClickPrev = useCallback(() => {
-    prev && setPage(prev);
-  }, [prev]);
+    if (prev) goToPage(prev);
+  }, [prev, goToPage]);
   const onClickNext = useCallback(() => {
-    next && setPage(next);
-  }, [next]);
+    if (next) goToPage(next);
+  }, [next, goToPage]);
   const doublePrev = useMemo(() => {
     if (!visibleItems.length) return;
     return Math.max(0, visibleItems[0] - 1);
   }, [visibleItems]);
   const onClickDoublePrev = useCallback(() => {
-    doublePrev && setPage(doublePrev);
-  }, [doublePrev]);
+    if (doublePrev) goToPage(doublePrev);
+  }, [doublePrev, goToPage]);
   const doubleNext = useMemo(() => {
     if (!visibleItems.length) return;
     const n = visibleItems[visibleItems.length - 1] + 1;
@@ -86,8 +73,8 @@ function Pagination(props) {
     return Math.min(count, n);
   }, [count, visibleItems]);
   const onClickDoubleNext = useCallback(() => {
-    doubleNext && setPage(doubleNext);
-  }, [doubleNext]);
+    if (doubleNext) goToPage(doubleNext);
+  }, [doubleNext, goToPage]);
   const iconSize = {
     height: 24,
     width: 24
@@ -114,7 +101,7 @@ function Pagination(props) {
         {
           className: `page-button ${item === page ? "active" : ""}`,
           onClick: () => {
-            setPage(item);
+            goToPage(item);
           },
           type: "button",
           children: /* @__PURE__ */ jsx(Typo, { variant: "body", children: item })
@@ -138,4 +125,4 @@ function Pagination(props) {
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-F7LTJOOC.js.map
+//# sourceMappingURL=chunk-OXZ25J7F.js.map