@loword/loword-design-system 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+export { default as Avatar } from './components/Avatar/Avatar.js';
+export { default as Badge } from './components/Badge/Badge.js';
+export { default as Button } from './components/Button/Button.js';
+export { default as Calendar } from './components/Calendar/Calendar.js';
+export { default as Carousel } from './components/Carousel/Carousel.js';
+export { default as Checkbox } from './components/Checkbox/Checkbox.js';
+export { default as CheckboxGroup } from './components/Checkbox/CheckboxGroup.js';
+export { default as FormCheckbox } from './components/Checkbox/FormCheckbox.js';
+export { default as FormCheckboxGroup } from './components/Checkbox/FormCheckboxGroup.js';
+export { default as DataCalendar } from './components/DataCalendar/DataCalendar.js';
+export { default as DatePicker } from './components/DatePicker/DatePicker.js';
+export { default as FormDatePicker } from './components/DatePicker/FormDatePicker.js';
+export { default as DateRangePicker } from './components/DateRangePicker/DateRangePicker.js';
+export { default as FormDateRangePicker } from './components/DateRangePicker/FormDateRangePicker.js';
+export { default as Drawer } from './components/Drawer/Drawer.js';
+export { default as Editor } from './components/Editor/Editor.js';
+export { default as Viewer } from './components/Editor/Viewer.js';
+export { default as FileUploadBase } from './components/FileUpload/FileUploadBase.js';
+export { Form, NativeForm } from './components/Form/Form.js';
+export { default as FormField } from './components/Form/FormField.js';
+export { default as FormErrorMessage } from './components/Form/FormErrorMessage.js';
+export { default as LucideIcon } from './components/Icon/LucideIcon.js';
+export { default as Input, type InputProps } from './components/Input/Input.js';
+export { default as FormInput } from './components/Input/FormInput.js';
+export { default as LNBBase } from './components/LNB/LNBBase.js';
+export { default as LoadingDots } from './components/LoadingDots/LoadingDots.js';
+export { default as MenuBar } from './components/MenuBar/MenuBar.js';
+export { default as Modal } from './components/Modal/Modal.js';
+export { default as openModal } from './components/Modal/openModal.js';
+export { default as OTPInput } from './components/OTPInput/OTPInput.js';
+export { default as Pagination } from './components/Pagination/Pagination.js';
+export { default as Popover } from './components/Popover/Popover.js';
+export { default as Radio } from './components/Radio/Radio.js';
+export { default as RadioGroup } from './components/Radio/RadioGroup.js';
+export { default as FormRadioGroup } from './components/Radio/FormRadioGroup.js';
+export { default as ScrollArea } from './components/ScrollArea/ScrollArea.js';
+export { default as Select } from './components/Select/Select.js';
+export { default as MultiSelect } from './components/Select/MultiSelect.js';
+export { default as FormSelect } from './components/Select/FormSelect.js';
+export { default as FormMultiSelect } from './components/Select/FormMultiSelect.js';
+export { default as Skeleton } from './components/Skeleton/Skeleton.js';
+export { default as Slider, type SliderProps, } from './components/Slider/Slider.js';
+export { default as Spinner } from './components/Spinner/Spinner.js';
+export { default as Table } from './components/Table/Table.js';
+export { default as TanstackTable } from './components/Table/TanstackTable.js';
+export { default as TableField } from './components/Table/TableField.js';
+export { default as TimePicker } from './components/TimePicker/TimePicker.js';
+export { default as FormTimePicker } from './components/TimePicker/FormTimePicker.js';
+export { default as Toast } from './components/Toast/Toast.js';
+export { default as Toaster } from './components/Toast/Toaster.js';
+export { default as ToggleButton, type ToggleButtonProps, } from './components/ToggleButton/ToggleButton.js';
+export { default as FormToggleButton } from './components/ToggleButton/FormToggleButton.js';
+export { default as Tooltip } from './components/Tooltip/Tooltip.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,88 @@
+// 패키지 공개 진입점 — `import { Button } from '@loword/ui-custom'`
+// 개별 경로 import도 계속 지원: `import Button from '@loword/ui-custom/components/Button/Button'`
+// Avatar
+export { default as Avatar } from './components/Avatar/Avatar.js';
+// Badge
+export { default as Badge } from './components/Badge/Badge.js';
+// Button
+export { default as Button } from './components/Button/Button.js';
+// Calendar
+export { default as Calendar } from './components/Calendar/Calendar.js';
+// Carousel
+export { default as Carousel } from './components/Carousel/Carousel.js';
+// Checkbox
+export { default as Checkbox } from './components/Checkbox/Checkbox.js';
+export { default as CheckboxGroup } from './components/Checkbox/CheckboxGroup.js';
+export { default as FormCheckbox } from './components/Checkbox/FormCheckbox.js';
+export { default as FormCheckboxGroup } from './components/Checkbox/FormCheckboxGroup.js';
+// DataCalendar
+export { default as DataCalendar } from './components/DataCalendar/DataCalendar.js';
+// DatePicker
+export { default as DatePicker } from './components/DatePicker/DatePicker.js';
+export { default as FormDatePicker } from './components/DatePicker/FormDatePicker.js';
+// DateRangePicker
+export { default as DateRangePicker } from './components/DateRangePicker/DateRangePicker.js';
+export { default as FormDateRangePicker } from './components/DateRangePicker/FormDateRangePicker.js';
+// Drawer
+export { default as Drawer } from './components/Drawer/Drawer.js';
+// Editor
+export { default as Editor } from './components/Editor/Editor.js';
+export { default as Viewer } from './components/Editor/Viewer.js';
+// FileUpload (Base 레이어만 제공)
+export { default as FileUploadBase } from './components/FileUpload/FileUploadBase.js';
+// Form
+export { Form, NativeForm } from './components/Form/Form.js';
+export { default as FormField } from './components/Form/FormField.js';
+export { default as FormErrorMessage } from './components/Form/FormErrorMessage.js';
+// Icon
+export { default as LucideIcon } from './components/Icon/LucideIcon.js';
+// Input
+export { default as Input } from './components/Input/Input.js';
+export { default as FormInput } from './components/Input/FormInput.js';
+// LNB (Base 레이어만 제공)
+export { default as LNBBase } from './components/LNB/LNBBase.js';
+// LoadingDots
+export { default as LoadingDots } from './components/LoadingDots/LoadingDots.js';
+// MenuBar
+export { default as MenuBar } from './components/MenuBar/MenuBar.js';
+// Modal
+export { default as Modal } from './components/Modal/Modal.js';
+export { default as openModal } from './components/Modal/openModal.js';
+// OTPInput
+export { default as OTPInput } from './components/OTPInput/OTPInput.js';
+// Pagination
+export { default as Pagination } from './components/Pagination/Pagination.js';
+// Popover
+export { default as Popover } from './components/Popover/Popover.js';
+// Radio
+export { default as Radio } from './components/Radio/Radio.js';
+export { default as RadioGroup } from './components/Radio/RadioGroup.js';
+export { default as FormRadioGroup } from './components/Radio/FormRadioGroup.js';
+// ScrollArea
+export { default as ScrollArea } from './components/ScrollArea/ScrollArea.js';
+// Select
+export { default as Select } from './components/Select/Select.js';
+export { default as MultiSelect } from './components/Select/MultiSelect.js';
+export { default as FormSelect } from './components/Select/FormSelect.js';
+export { default as FormMultiSelect } from './components/Select/FormMultiSelect.js';
+// Skeleton
+export { default as Skeleton } from './components/Skeleton/Skeleton.js';
+// Slider
+export { default as Slider, } from './components/Slider/Slider.js';
+// Spinner
+export { default as Spinner } from './components/Spinner/Spinner.js';
+// Table
+export { default as Table } from './components/Table/Table.js';
+export { default as TanstackTable } from './components/Table/TanstackTable.js';
+export { default as TableField } from './components/Table/TableField.js';
+// TimePicker
+export { default as TimePicker } from './components/TimePicker/TimePicker.js';
+export { default as FormTimePicker } from './components/TimePicker/FormTimePicker.js';
+// Toast
+export { default as Toast } from './components/Toast/Toast.js';
+export { default as Toaster } from './components/Toast/Toaster.js';
+// ToggleButton
+export { default as ToggleButton, } from './components/ToggleButton/ToggleButton.js';
+export { default as FormToggleButton } from './components/ToggleButton/FormToggleButton.js';
+// Tooltip
+export { default as Tooltip } from './components/Tooltip/Tooltip.js';

package/dist/types/polymorphic.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+type AsProp<T extends React.ElementType> = {
+    as?: T;
+};
+/**
+ * AsProps<T>와 Props의 중복 props(attributes)를 union으로 추출한다.
+ *
+ * ( AsProps: type, onClick, className, style ...
+ *   Props: variants, color, size, fontSize, className, style ...
+ *   => className, style ... )
+ */
+type OverlapProps<T extends React.ElementType, Props> = keyof (AsProp<T> & Props);
+export type PolymorphicComponentProps<T extends React.ElementType, Props = object> = (Props & AsProp<T>) & Omit<React.ComponentPropsWithoutRef<T>, OverlapProps<T, Props>>;
+type PolymorphicRef<T extends React.ElementType> = React.ComponentPropsWithRef<T>['ref'];
+export type PolymorphicComponentWithRef<T extends React.ElementType, Props = object> = PolymorphicComponentProps<T, Props> & {
+    ref: PolymorphicRef<T>;
+};
+export {};
+//# sourceMappingURL=polymorphic.d.ts.map

package/dist/types/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../src/types/polymorphic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACzC,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF;;;;;;GAMG;AACH,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GACtE,KAAK,CAAC,CAAC;AAET,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,IACZ,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAElE,KAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC7C,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAExC,MAAM,MAAM,2BAA2B,CACrC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,IACZ,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IACxC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC"}

package/dist/types/polymorphic.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/cn.d.ts

@@ -0,0 +1,4 @@
+import { type ClassValue } from 'clsx';
+declare const cn: (...inputs: ClassValue[]) => string;
+export default cn;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,QAAA,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAElC,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/utils/cn.js

@@ -0,0 +1,6 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+const cn = (...inputs) => {
+    return twMerge(clsx(inputs));
+};
+export default cn;

package/dist/utils/file.d.ts

@@ -0,0 +1,16 @@
+import { type TFileExtension, type TMimeType } from '../constants/file.js';
+export interface IFile {
+    fileName: string;
+    fileBase64: string;
+    src: string;
+}
+export declare const isImage: (src: string) => boolean;
+export declare const isImageOrPdf: (src: string) => boolean;
+export declare const getFileExtensionFromMimeType: (mimeType: TMimeType) => TFileExtension | string;
+export declare const validImageSize: (file: File) => Promise<boolean>;
+export declare const validFileSize: (file: File, maxSize: number) => boolean;
+export declare const validAllowedExtesions: (file: File, allowedExtensions: TMimeType[]) => boolean;
+export declare const getFileSizeUnit: (number: number) => string | number;
+export declare const readFileAsDataURL: (file: File) => Promise<string>;
+export declare const fileToBase64: (file: File) => Promise<IFile>;
+//# sourceMappingURL=file.d.ts.map

package/dist/utils/file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,GAAI,KAAK,MAAM,YAA4C,CAAC;AAEhF,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,YACK,CAAC;AAE9C,eAAO,MAAM,4BAA4B,GACvC,UAAU,SAAS,KAClB,cAAc,GAAG,MAEnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,OAAO,CAoB1D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,EAAE,SAAS,MAAM,YAExD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,MAAM,IAAI,EACV,mBAAmB,SAAS,EAAE,YAG/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,oBAS7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,MAAM,CAM5D,CAAC;AAEF,eAAO,MAAM,YAAY,GAAU,MAAM,IAAI,KAAG,OAAO,CAAC,KAAK,CAY5D,CAAC"}

package/dist/utils/file.js

@@ -0,0 +1,58 @@
+import { FILE_SIZE_UNIT, MAX_IMAGE_SIZE, FILE_EXTENSIONS, } from '../constants/file.js';
+export const isImage = (src) => /\.(png|jpg|jpeg|ico|webp)$/i.test(src);
+export const isImageOrPdf = (src) => /\.(png|jpg|jpeg|ico|webp|pdf)$/i.test(src);
+export const getFileExtensionFromMimeType = (mimeType) => {
+    return FILE_EXTENSIONS[mimeType] || mimeType.split('/')[1] || 'unknown';
+};
+export const validImageSize = (file) => {
+    return new Promise((resolve) => {
+        const image = new Image();
+        const url = URL.createObjectURL(file);
+        image.onload = () => {
+            const isValid = image.naturalWidth <= MAX_IMAGE_SIZE.width &&
+                image.naturalHeight <= MAX_IMAGE_SIZE.height;
+            URL.revokeObjectURL(url);
+            resolve(isValid);
+        };
+        image.onerror = () => {
+            URL.revokeObjectURL(url);
+            resolve(false);
+        };
+        image.src = url;
+    });
+};
+export const validFileSize = (file, maxSize) => {
+    return file.size <= maxSize;
+};
+export const validAllowedExtesions = (file, allowedExtensions) => {
+    return allowedExtensions.includes(file.type);
+};
+export const getFileSizeUnit = (number) => {
+    if (number < FILE_SIZE_UNIT.kb)
+        return number + 'bytes';
+    if (number >= FILE_SIZE_UNIT.kb && number < FILE_SIZE_UNIT.mb)
+        return (number / FILE_SIZE_UNIT.kb).toFixed() + 'KB';
+    if (number >= FILE_SIZE_UNIT.mb && number < FILE_SIZE_UNIT.gb)
+        return (number / FILE_SIZE_UNIT.mb).toFixed() + 'MB';
+    if (number >= FILE_SIZE_UNIT.gb)
+        return (number / FILE_SIZE_UNIT.gb).toFixed() + 'GB';
+    return number;
+};
+export const readFileAsDataURL = (file) => {
+    return new Promise((resolve) => {
+        const fileReader = new FileReader();
+        fileReader.onload = () => resolve(fileReader.result);
+        fileReader?.readAsDataURL?.(file);
+    });
+};
+export const fileToBase64 = async (file) => {
+    const result = await readFileAsDataURL(file);
+    const base64 = result.split(',')[1];
+    if (!base64)
+        throw new Error('파일을 읽는 중 오류가 발생했습니다. 다시 시도해주세요.');
+    return {
+        fileName: file.name,
+        fileBase64: base64,
+        src: result,
+    };
+};

package/dist/utils/renderIcon.d.ts

@@ -0,0 +1,4 @@
+import { type ReactNode } from 'react';
+import { type IconName } from '../components/Icon/LucideIcon.js';
+export declare const renderIcon: (icon: IconName | ReactNode, className: string, hiddenClassName?: string | false) => number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=renderIcon.d.ts.map

package/dist/utils/renderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderIcon.d.ts","sourceRoot":"","sources":["../../src/utils/renderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAmB,EAAE,KAAK,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAG1E,eAAO,MAAM,UAAU,GACrB,MAAM,QAAQ,GAAG,SAAS,EAC1B,WAAW,MAAM,EACjB,kBAAkB,MAAM,GAAG,KAAK,oTAcjC,CAAC"}

package/dist/utils/renderIcon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import LucideIcon from '../components/Icon/LucideIcon.js';
+import cn from '../utils/cn.js';
+export const renderIcon = (icon, className, hiddenClassName) => {
+    if (!icon)
+        return null;
+    if (typeof icon === 'string') {
+        return (_jsx(LucideIcon, { name: icon, className: cn('shrink-0', className, hiddenClassName) }));
+    }
+    return icon;
+};

package/dist/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const isActivePath: (pathname: string, href: string) => boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,UAAU,MAAM,EAAE,MAAM,MAAM,KAAG,OAG7D,CAAC"}

package/dist/utils/utils.js

@@ -0,0 +1,5 @@
+export const isActivePath = (pathname, href) => {
+    if (href === '/')
+        return pathname === '/';
+    return pathname.startsWith(href);
+};

package/package.json

@@ -0,0 +1,239 @@
+{
+  "name": "@loword/loword-design-system",
+  "version": "0.0.1",
+  "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
+  "keywords": [
+    "react",
+    "react19",
+    "ui",
+    "components",
+    "design-system",
+    "tailwindcss",
+    "loword"
+  ],
+  "homepage": "https://github.com/lowordInc/loword-design-system#readme",
+  "bugs": {
+    "url": "https://github.com/lowordInc/loword-design-system/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lowordInc/loword-design-system.git"
+  },
+  "author": "loword",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/index.css",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "pnpm build:components && pnpm build:styles",
+    "prepublishOnly": "pnpm build",
+    "build:components": "tsc && tsc-alias",
+    "build:styles": "tailwindcss -i ./src/styles.css -o ./dist/index.css",
+    "check-types": "tsc --noEmit",
+    "dev:components": "tsc --watch",
+    "dev:styles": "tailwindcss -i ./src/styles.css -o ./dist/index.css --watch",
+    "lint": "eslint src --max-warnings 0",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "prettier": {
+    "singleQuote": true,
+    "semi": true,
+    "useTabs": false,
+    "tabWidth": 2,
+    "trailingComma": "all",
+    "printWidth": 80,
+    "bracketSpacing": true,
+    "arrowParens": "always",
+    "endOfLine": "auto"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19",
+    "next": "^15",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-table": "^8.21.3",
+    "@tiptap/core": "^3.26.0",
+    "@tiptap/extension-code-block": "^3.26.0",
+    "@tiptap/extension-code-block-lowlight": "^3.26.0",
+    "@tiptap/extension-highlight": "^3.26.0",
+    "@tiptap/extension-image": "^3.26.0",
+    "@tiptap/extension-link": "^3.26.0",
+    "@tiptap/extension-text-align": "^3.26.0",
+    "@tiptap/extension-text-style": "^3.26.0",
+    "@tiptap/extension-underline": "^3.26.0",
+    "@tiptap/pm": "^3.26.0",
+    "@tiptap/react": "^3.26.0",
+    "@tiptap/starter-kit": "^3.26.0",
+    "dayjs": "^1.11.13",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-auto-scroll": "^8.6.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "react-day-picker": "^9.11.1",
+    "react-hot-toast": "^2.6.0",
+    "vaul": "^1.1.2"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    },
+    "@radix-ui/react-dialog": {
+      "optional": true
+    },
+    "@radix-ui/react-popover": {
+      "optional": true
+    },
+    "@radix-ui/react-select": {
+      "optional": true
+    },
+    "@radix-ui/react-tooltip": {
+      "optional": true
+    },
+    "@tanstack/react-table": {
+      "optional": true
+    },
+    "@tiptap/core": {
+      "optional": true
+    },
+    "@tiptap/extension-code-block": {
+      "optional": true
+    },
+    "@tiptap/extension-code-block-lowlight": {
+      "optional": true
+    },
+    "@tiptap/extension-highlight": {
+      "optional": true
+    },
+    "@tiptap/extension-image": {
+      "optional": true
+    },
+    "@tiptap/extension-link": {
+      "optional": true
+    },
+    "@tiptap/extension-text-align": {
+      "optional": true
+    },
+    "@tiptap/extension-text-style": {
+      "optional": true
+    },
+    "@tiptap/extension-underline": {
+      "optional": true
+    },
+    "@tiptap/pm": {
+      "optional": true
+    },
+    "@tiptap/react": {
+      "optional": true
+    },
+    "@tiptap/starter-kit": {
+      "optional": true
+    },
+    "dayjs": {
+      "optional": true
+    },
+    "embla-carousel": {
+      "optional": true
+    },
+    "embla-carousel-auto-scroll": {
+      "optional": true
+    },
+    "embla-carousel-autoplay": {
+      "optional": true
+    },
+    "embla-carousel-react": {
+      "optional": true
+    },
+    "react-day-picker": {
+      "optional": true
+    },
+    "react-hot-toast": {
+      "optional": true
+    },
+    "vaul": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.31.0",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/typography": "^0.5.20",
+    "@tanstack/react-table": "^8.21.3",
+    "@tiptap/core": "^3.26.0",
+    "@tiptap/extension-code-block": "^3.26.0",
+    "@tiptap/extension-code-block-lowlight": "^3.26.0",
+    "@tiptap/extension-highlight": "^3.26.0",
+    "@tiptap/extension-image": "^3.26.0",
+    "@tiptap/extension-link": "^3.26.0",
+    "@tiptap/extension-text-align": "^3.26.0",
+    "@tiptap/extension-text-style": "^3.26.0",
+    "@tiptap/extension-underline": "^3.26.0",
+    "@tiptap/pm": "^3.26.0",
+    "@tiptap/react": "^3.26.0",
+    "@tiptap/starter-kit": "^3.26.0",
+    "dayjs": "^1.11.13",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-auto-scroll": "^8.6.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "react-day-picker": "^9.11.1",
+    "react-hot-toast": "^2.6.0",
+    "vaul": "^1.1.2",
+    "@storybook/addon-a11y": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/manager-api": "^8.6.14",
+    "@storybook/react": "8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/theming": "^8.6.14",
+    "@tailwindcss/cli": "^4.1.5",
+    "@tailwindcss/vite": "^4.2.2",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "19.1.1",
+    "eslint": "^9.31.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^16.3.0",
+    "next": "15.4.8",
+    "storybook": "8.6.18",
+    "tailwindcss": "^4.1.5",
+    "tsc-alias": "^1.8.16",
+    "typescript": "5.8.2",
+    "typescript-eslint": "^8.37.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.536.0",
+    "react-hook-form": "^7.62.0",
+    "tailwind-merge": "^3.3.1"
+  }
+}