boottent-design 0.1.78 → 0.1.80

package/dist/types/utils.d.ts

@@ -136,7 +136,7 @@ declare interface State {
 }
 
 declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "white" | "black" | null | undefined;
+    variant?: "black" | "white" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "full" | "fit" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;
 
@@ -175,7 +175,7 @@ declare type ToastPositionsType = "top-left" | "top-center" | "top-right" | "bot
 declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
 
 declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & {
-    position?: ToastPositionsType;
+    position?: ToastPositionsType | undefined;
 } & React_2.RefAttributes<HTMLOListElement>>;
 
 declare type ToastViewportProps = React_2.ComponentPropsWithoutRef<typeof ToastViewport>;
@@ -454,192 +454,252 @@ declare namespace _default {
             black: "#000";
             white: "#fff";
             slate: {
-                "50": "#f8fafc";
-                "100": "#f1f5f9";
-                "200": "#e2e8f0";
-                "300": "#cbd5e1";
-                "400": "#94a3b8";
-                "500": "#64748b";
-                "600": "#475569";
-                "700": "#334155";
-                "800": "#1e293b";
-                "900": "#0f172a";
-                "950": "#020617";
+                '50': "#f8fafc";
+                '100': "#f1f5f9";
+                '200': "#e2e8f0";
+                '300': "#cbd5e1";
+                '400': "#94a3b8";
+                '500': "#64748b";
+                '600': "#475569";
+                '700': "#334155";
+                '800': "#1e293b";
+                '900': "#0f172a";
+                '950': "#020617";
             };
             gray: {
-                "50": "#f9fafb";
-                "100": "#f3f4f6";
-                "200": "#e5e7eb";
-                "300": "#d1d5db";
-                "400": "#9ca3af";
-                "500": "#6b7280";
-                "600": "#4b5563";
-                "700": "#374151";
-                "800": "#1f2937";
-                "900": "#111827";
-                "950": "#030712";
+                '50': "#f9fafb";
+                '100': "#f3f4f6";
+                '200': "#e5e7eb";
+                '300': "#d1d5db";
+                '400': "#9ca3af";
+                '500': "#6b7280";
+                '600': "#4b5563";
+                '700': "#374151";
+                '800': "#1f2937";
+                '900': "#111827";
+                '950': "#030712";
             };
             zinc: {
-                "50": "#fafafa";
-                "100": "#f4f4f5";
-                "200": "#e4e4e7";
-                "300": "#d4d4d8";
-                "400": "#a1a1aa";
-                "500": "#71717a";
-                "600": "#52525b";
-                "700": "#3f3f46";
-                "800": "#27272a";
-                "900": "#18181b";
-                "950": "#09090b";
+                '50': "#fafafa";
+                '100': "#f4f4f5";
+                '200': "#e4e4e7";
+                '300': "#d4d4d8";
+                '400': "#a1a1aa";
+                '500': "#71717a";
+                '600': "#52525b";
+                '700': "#3f3f46";
+                '800': "#27272a";
+                '900': "#18181b";
+                '950': "#09090b";
             };
             neutral: {
-                "50": "#fafafa";
-                "100": "#f5f5f5";
-                "200": "#e5e5e5";
-                "300": "#d4d4d4";
-                "400": "#a3a3a3";
-                "500": "#737373";
-                "600": "#525252";
-                "700": "#404040";
-                "800": "#262626";
-                "900": "#171717";
-                "950": "#0a0a0a";
+                '50': "#fafafa";
+                '100': "#f5f5f5";
+                '200': "#e5e5e5";
+                '300': "#d4d4d4";
+                '400': "#a3a3a3";
+                '500': "#737373";
+                '600': "#525252";
+                '700': "#404040";
+                '800': "#262626";
+                '900': "#171717";
+                '950': "#0a0a0a";
             };
             stone: {
-                "50": "#fafaf9";
-                "100": "#f5f5f4";
-                "200": "#e7e5e4";
-                "300": "#d6d3d1";
-                "400": "#a8a29e";
-                "500": "#78716c";
-                "600": "#57534e";
-                "700": "#44403c";
-                "800": "#292524";
-                "900": "#1c1917";
-                "950": "#0c0a09";
+                '50': "#fafaf9";
+                '100': "#f5f5f4";
+                '200': "#e7e5e4";
+                '300': "#d6d3d1";
+                '400': "#a8a29e";
+                '500': "#78716c";
+                '600': "#57534e";
+                '700': "#44403c";
+                '800': "#292524";
+                '900': "#1c1917";
+                '950': "#0c0a09";
             };
             amber: {
-                "50": "#fffbeb";
-                "100": "#fef3c7";
-                "200": "#fde68a";
-                "300": "#fcd34d";
-                "400": "#fbbf24";
-                "500": "#f59e0b";
-                "600": "#d97706";
-                "700": "#b45309";
-                "800": "#92400e";
-                "900": "#78350f";
-                "950": "#451a03";
+                '50': "#fffbeb";
+                '100': "#fef3c7";
+                '200': "#fde68a";
+                '300': "#fcd34d";
+                '400': "#fbbf24";
+                '500': "#f59e0b";
+                '600': "#d97706";
+                '700': "#b45309";
+                '800': "#92400e";
+                '900': "#78350f";
+                '950': "#451a03";
             };
             emerald: {
-                "50": "#ecfdf5";
-                "100": "#d1fae5";
-                "200": "#a7f3d0";
-                "300": "#6ee7b7";
-                "400": "#34d399";
-                "500": "#10b981";
-                "600": "#059669";
-                "700": "#047857";
-                "800": "#065f46";
-                "900": "#064e3b";
-                "950": "#022c22";
+                '50': "#ecfdf5";
+                '100': "#d1fae5";
+                '200': "#a7f3d0";
+                '300': "#6ee7b7";
+                '400': "#34d399";
+                '500': "#10b981";
+                '600': "#059669";
+                '700': "#047857";
+                '800': "#065f46";
+                '900': "#064e3b";
+                '950': "#022c22";
             };
             cyan: {
-                "50": "#ecfeff";
-                "100": "#cffafe";
-                "200": "#a5f3fc";
-                "300": "#67e8f9";
-                "400": "#22d3ee";
-                "500": "#06b6d4";
-                "600": "#0891b2";
-                "700": "#0e7490";
-                "800": "#155e75";
-                "900": "#164e63";
-                "950": "#083344";
+                '50': "#ecfeff";
+                '100': "#cffafe";
+                '200': "#a5f3fc";
+                '300': "#67e8f9";
+                '400': "#22d3ee";
+                '500': "#06b6d4";
+                '600': "#0891b2";
+                '700': "#0e7490";
+                '800': "#155e75";
+                '900': "#164e63";
+                '950': "#083344";
             };
             sky: {
-                "50": "#f0f9ff";
-                "100": "#e0f2fe";
-                "200": "#bae6fd";
-                "300": "#7dd3fc";
-                "400": "#38bdf8";
-                "500": "#0ea5e9";
-                "600": "#0284c7";
-                "700": "#0369a1";
-                "800": "#075985";
-                "900": "#0c4a6e";
-                "950": "#082f49";
+                '50': "#f0f9ff";
+                '100': "#e0f2fe";
+                '200': "#bae6fd";
+                '300': "#7dd3fc";
+                '400': "#38bdf8";
+                '500': "#0ea5e9";
+                '600': "#0284c7";
+                '700': "#0369a1";
+                '800': "#075985";
+                '900': "#0c4a6e";
+                '950': "#082f49";
             };
             indigo: {
-                "50": "#eef2ff";
-                "100": "#e0e7ff";
-                "200": "#c7d2fe";
-                "300": "#a5b4fc";
-                "400": "#818cf8";
-                "500": "#6366f1";
-                "600": "#4f46e5";
-                "700": "#4338ca";
-                "800": "#3730a3";
-                "900": "#312e81";
-                "950": "#1e1b4b";
+                '50': "#eef2ff";
+                '100': "#e0e7ff";
+                '200': "#c7d2fe";
+                '300': "#a5b4fc";
+                '400': "#818cf8";
+                '500': "#6366f1";
+                '600': "#4f46e5";
+                '700': "#4338ca";
+                '800': "#3730a3";
+                '900': "#312e81";
+                '950': "#1e1b4b";
             };
             violet: {
-                "50": "#f5f3ff";
-                "100": "#ede9fe";
-                "200": "#ddd6fe";
-                "300": "#c4b5fd";
-                "400": "#a78bfa";
-                "500": "#8b5cf6";
-                "600": "#7c3aed";
-                "700": "#6d28d9";
-                "800": "#5b21b6";
-                "900": "#4c1d95";
-                "950": "#2e1065";
+                '50': "#f5f3ff";
+                '100': "#ede9fe";
+                '200': "#ddd6fe";
+                '300': "#c4b5fd";
+                '400': "#a78bfa";
+                '500': "#8b5cf6";
+                '600': "#7c3aed";
+                '700': "#6d28d9";
+                '800': "#5b21b6";
+                '900': "#4c1d95";
+                '950': "#2e1065";
             };
             purple: {
-                "50": "#faf5ff";
-                "100": "#f3e8ff";
-                "200": "#e9d5ff";
-                "300": "#d8b4fe";
-                "400": "#c084fc";
-                "500": "#a855f7";
-                "600": "#9333ea";
-                "700": "#7e22ce";
-                "800": "#6b21a8";
-                "900": "#581c87";
-                "950": "#3b0764";
+                '50': "#faf5ff";
+                '100': "#f3e8ff";
+                '200': "#e9d5ff";
+                '300': "#d8b4fe";
+                '400': "#c084fc";
+                '500': "#a855f7";
+                '600': "#9333ea";
+                '700': "#7e22ce";
+                '800': "#6b21a8";
+                '900': "#581c87";
+                '950': "#3b0764";
             };
             fuchsia: {
-                "50": "#fdf4ff";
-                "100": "#fae8ff";
-                "200": "#f5d0fe";
-                "300": "#f0abfc";
-                "400": "#e879f9";
-                "500": "#d946ef";
-                "600": "#c026d3";
-                "700": "#a21caf";
-                "800": "#86198f";
-                "900": "#701a75";
-                "950": "#4a044e";
+                '50': "#fdf4ff";
+                '100': "#fae8ff";
+                '200': "#f5d0fe";
+                '300': "#f0abfc";
+                '400': "#e879f9";
+                '500': "#d946ef";
+                '600': "#c026d3";
+                '700': "#a21caf";
+                '800': "#86198f";
+                '900': "#701a75";
+                '950': "#4a044e";
             };
             rose: {
-                "50": "#fff1f2";
-                "100": "#ffe4e6";
-                "200": "#fecdd3";
-                "300": "#fda4af";
-                "400": "#fb7185";
-                "500": "#f43f5e";
-                "600": "#e11d48";
-                "700": "#be123c";
-                "800": "#9f1239";
-                "900": "#881337";
-                "950": "#4c0519";
-            };
-            lightBlue: import("tailwindcss/types/generated/colors").DefaultColors["sky"];
-            warmGray: import("tailwindcss/types/generated/colors").DefaultColors["stone"];
-            trueGray: import("tailwindcss/types/generated/colors").DefaultColors["neutral"];
-            coolGray: import("tailwindcss/types/generated/colors").DefaultColors["gray"];
-            blueGray: import("tailwindcss/types/generated/colors").DefaultColors["slate"];
+                '50': "#fff1f2";
+                '100': "#ffe4e6";
+                '200': "#fecdd3";
+                '300': "#fda4af";
+                '400': "#fb7185";
+                '500': "#f43f5e";
+                '600': "#e11d48";
+                '700': "#be123c";
+                '800': "#9f1239";
+                '900': "#881337";
+                '950': "#4c0519";
+            };
+            lightBlue: {
+                '50': "#f0f9ff";
+                '100': "#e0f2fe";
+                '200': "#bae6fd";
+                '300': "#7dd3fc";
+                '400': "#38bdf8";
+                '500': "#0ea5e9";
+                '600': "#0284c7";
+                '700': "#0369a1";
+                '800': "#075985";
+                '900': "#0c4a6e";
+                '950': "#082f49";
+            };
+            warmGray: {
+                '50': "#fafaf9";
+                '100': "#f5f5f4";
+                '200': "#e7e5e4";
+                '300': "#d6d3d1";
+                '400': "#a8a29e";
+                '500': "#78716c";
+                '600': "#57534e";
+                '700': "#44403c";
+                '800': "#292524";
+                '900': "#1c1917";
+                '950': "#0c0a09";
+            };
+            trueGray: {
+                '50': "#fafafa";
+                '100': "#f5f5f5";
+                '200': "#e5e5e5";
+                '300': "#d4d4d4";
+                '400': "#a3a3a3";
+                '500': "#737373";
+                '600': "#525252";
+                '700': "#404040";
+                '800': "#262626";
+                '900': "#171717";
+                '950': "#0a0a0a";
+            };
+            coolGray: {
+                '50': "#f9fafb";
+                '100': "#f3f4f6";
+                '200': "#e5e7eb";
+                '300': "#d1d5db";
+                '400': "#9ca3af";
+                '500': "#6b7280";
+                '600': "#4b5563";
+                '700': "#374151";
+                '800': "#1f2937";
+                '900': "#111827";
+                '950': "#030712";
+            };
+            blueGray: {
+                '50': "#f8fafc";
+                '100': "#f1f5f9";
+                '200': "#e2e8f0";
+                '300': "#cbd5e1";
+                '400': "#94a3b8";
+                '500': "#64748b";
+                '600': "#475569";
+                '700': "#334155";
+                '800': "#1e293b";
+                '900': "#0f172a";
+                '950': "#020617";
+            };
         };
         export { colors_1 as colors };
     }
@@ -673,4 +733,3 @@ declare namespace _default {
     let collectCoverageFrom: string[];
     let coverageReporters: string[];
 }
-

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "boottent-design",
   "private": false,
-  "version": "0.1.78",
+  "version": "0.1.80",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",
@@ -82,12 +82,16 @@
     "@radix-ui/react-accordion": "^1.2.1",
     "@radix-ui/react-alert-dialog": "^1.1.2",
     "@radix-ui/react-aspect-ratio": "^1.1.0",
+    "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-radio-group": "^1.2.1",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-toast": "^1.2.2",
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.3",
+    "@storybook/builder-vite": "^8.4.6",
     "@testing-library/react": "^16.0.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
@@ -95,8 +99,10 @@
     "react": "^18.2.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.53.2",
     "react-icons": "^5.3.0",
     "tailwind-merge": "^2.1.0",
+    "vite-plugin-dts": "^4.3.0",
     "vite-tsconfig-paths": "4.3.2"
   },
   "devDependencies": {
@@ -137,9 +143,8 @@
     "storybook": "^8.1.9",
     "tailwindcss": "^3.3.6",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.6.4"
+    "typescript": "5.4.2",
+    "vite": "^5.0.0"
   },
   "keywords": [
     "react",

package/dist/boottent-design.main.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./use-portal-BhH8jBDX.cjs"),e=require("./index-DDNLKhqC.cjs"),n=require("./index-Ly7gJulk.cjs"),a=require("./portal-provider-BB1ZUJea.cjs"),l=require("./boottent-design.styles.cjs.js"),o=require("./toggleButtonGroup-primitive-CC3iAt_X.cjs");require("react/jsx-runtime");const r=require("./boottent-design.utils.cjs.js"),t=require("./index-D286MlPY.cjs"),c=require("./portal-manager-9WO01tNb.cjs");exports.usePortal=i.usePortal;exports.AspectRatio=e.AspectRatio;exports.GridBox=e.GridBox;exports.Box=n.Box;exports.FlexBox=n.FlexBox;exports.PortalProvider=a.PortalProvider;exports.colors=l.colors;exports.Accordion=o.Accordion;exports.AccordionContent=o.AccordionContent;exports.AccordionItem=o.AccordionItem;exports.AccordionTrigger=o.AccordionTrigger;exports.Alert=o.Alert;exports.Button=o.Button;exports.Callout=o.Callout;exports.Dialog=o.Dialog;exports.Dropdown=o.Dropdown;exports.Icon=o.Icon;exports.Input=o.Input;exports.Modal=o.Modal;exports.PortalContainer=o.PortalContainer;exports.Toaster=o.Toaster;exports.buttonVariants=o.buttonVariants;exports.cn=r.cn;exports.getDropdownButtonText=r.getDropdownButtonText;exports.reducer=r.reducer;exports.toast=r.toast;exports.toaster=r.toaster;exports.Multiple=t.Multiple;exports.Single=t.Single;exports.Skeleton=t.Skeleton;exports.Symbols=t.Symbols;exports.Tag=t.Tag;exports.ToggleButtonGroup=t.ToggleButtonGroup;exports.Tooltip=t.Tooltip;exports.tagVariants=t.tagVariants;exports.portalManager=c.portalManager;

package/dist/boottent-design.main.es.js

@@ -1,48 +0,0 @@
-import { u as t } from "./use-portal-HyR5LGEj.js";
-import { A as e, G as n } from "./index-BfapRZRW.js";
-import { B as l, F as i } from "./index-BshWFt1Y.js";
-import { P as x } from "./portal-provider-Z7EnJtHu.js";
-import { colors as m } from "./boottent-design.styles.es.js";
-import { A as u, a as f, b as A, c as B, f as T, B as P, C as M, g as b, D as C, I as D, e as I, M as S, P as G, T as w, d as F } from "./toggleButtonGroup-primitive-DPb6avPH.js";
-import "react/jsx-runtime";
-import { cn as k, getDropdownButtonText as v, reducer as y, toast as R, toaster as h } from "./boottent-design.utils.es.js";
-import { M as q, b as z, S as E, a as H, T as J, c as K, d as L, t as N } from "./index-CMZc7WAs.js";
-import { p as Q } from "./portal-manager-nNJ4SIa2.js";
-export {
-  u as Accordion,
-  f as AccordionContent,
-  A as AccordionItem,
-  B as AccordionTrigger,
-  T as Alert,
-  e as AspectRatio,
-  l as Box,
-  P as Button,
-  M as Callout,
-  b as Dialog,
-  C as Dropdown,
-  i as FlexBox,
-  n as GridBox,
-  D as Icon,
-  I as Input,
-  S as Modal,
-  q as Multiple,
-  G as PortalContainer,
-  x as PortalProvider,
-  z as Single,
-  E as Skeleton,
-  H as Symbols,
-  J as Tag,
-  w as Toaster,
-  K as ToggleButtonGroup,
-  L as Tooltip,
-  F as buttonVariants,
-  k as cn,
-  m as colors,
-  v as getDropdownButtonText,
-  Q as portalManager,
-  y as reducer,
-  N as tagVariants,
-  R as toast,
-  h as toaster,
-  t as usePortal
-};

package/dist/index-BfapRZRW.js

@@ -1,55 +0,0 @@
-import * as f from "react";
-import { P as g, B as m } from "./index-BshWFt1Y.js";
-import { jsx as e } from "react/jsx-runtime";
-import { cn as v } from "./boottent-design.utils.es.js";
-var u = "AspectRatio", d = f.forwardRef(
-  (o, i) => {
-    const { ratio: a = 1 / 1, style: r, ...s } = o;
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          // ensures inner element is contained
-          position: "relative",
-          // ensures padding bottom trick maths works
-          width: "100%",
-          paddingBottom: `${100 / a}%`
-        },
-        "data-radix-aspect-ratio-wrapper": "",
-        children: /* @__PURE__ */ e(
-          g.div,
-          {
-            ...s,
-            ref: i,
-            style: {
-              ...r,
-              // ensures children expand in ratio
-              position: "absolute",
-              top: 0,
-              right: 0,
-              bottom: 0,
-              left: 0
-            }
-          }
-        )
-      }
-    );
-  }
-);
-d.displayName = u;
-var R = d;
-const $ = R, w = ({ className: o, columns: i, rows: a, gap: r, style: s, ...p }) => {
-  const n = (t) => t ? t >= 1 && t <= 12 ? `grid-cols-${t}` : "grid-cols-auto" : "", c = (t) => t ? t >= 1 && t <= 12 ? `grid-rows-${t} grid-flow-col` : "grid-rows-auto" : "", l = r !== void 0 ? `${r / 4}rem` : void 0;
-  return /* @__PURE__ */ e(
-    m,
-    {
-      className: v("grid", n(i), c(a), o),
-      style: { gap: l, ...s },
-      ...p
-    }
-  );
-};
-export {
-  $ as A,
-  w as G
-};