boottent-design 0.1.49 → 0.1.51

package/dist/types/layout.d.ts

@@ -1,9 +1,9 @@
 import { ComponentPropsWithRef } from 'react';
+import { default as default_2 } from 'react';
 import { DetailedHTMLProps } from 'react';
 import { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import { JSX as JSX_2 } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 
@@ -13,10 +13,19 @@ ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIR
 
 declare type BoxProps = ComponentPropsWithRef<"div">;
 
-export declare const Stack: ({ className, type, ...props }: StackProps) => JSX_2.Element;
+export declare const FlexBox: default_2.FC<FlexBoxProps> & {
+    Col: default_2.FC<BoxProps>;
+    Row: default_2.FC<BoxProps>;
+};
+
+declare type FlexBoxProps = BoxProps;
+
+export declare const GridBox: default_2.FC<GridBoxProps>;
 
-declare type StackProps = BoxProps & {
-    type?: "col" | "row";
+declare type GridBoxProps = BoxProps & {
+    columns?: number;
+    rows?: number;
+    gap?: number;
 };
 
 export { }

package/dist/types/main.d.ts

@@ -110,6 +110,16 @@ export declare const buttonVariants: (props?: ({
 
 declare function Calendar({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
+export declare const Callout: default_2.FC<CalloutBoxProps> & {
+    Fill: default_2.FC<CalloutBoxProps>;
+    Outline: default_2.FC<CalloutBoxProps>;
+};
+
+declare type CalloutBoxProps = BoxProps & {
+    heading?: default_2.ReactNode | string;
+    size?: 'sm' | 'md' | 'lg';
+};
+
 declare function Cancel({ size, fill }: SvgIconType): JSX_2.Element;
 
 declare function Checkbox({ type, size, fill }: Props_3): JSX_2.Element;
@@ -233,10 +243,25 @@ export declare interface DropdownTitleItem extends DropdownItemBase {
 
 declare function Filter({ fill, size }: SvgIconType): JSX_2.Element;
 
+export declare const FlexBox: default_2.FC<FlexBoxProps> & {
+    Col: default_2.FC<BoxProps>;
+    Row: default_2.FC<BoxProps>;
+};
+
+declare type FlexBoxProps = BoxProps;
+
 export declare const getDropdownButtonText: (selectedItems: SelectedDropdownItem[], initialText: string) => string;
 
 declare function Google({ size }: SvgIconType): JSX_2.Element;
 
+export declare const GridBox: default_2.FC<GridBoxProps>;
+
+declare type GridBoxProps = BoxProps & {
+    columns?: number;
+    rows?: number;
+    gap?: number;
+};
+
 declare function HeartFill({ size, fill, }: SvgIconType): JSX_2.Element;
 
 declare function HeartOutline({ size, fill, }: SvgIconType): JSX_2.Element;
@@ -437,12 +462,6 @@ export declare type SpecificPortalOptions<T extends PortalType> = {
     props: PortalTypeMap[T];
 };
 
-export declare const Stack: ({ className, type, ...props }: StackProps) => JSX_2.Element;
-
-declare type StackProps = BoxProps & {
-    type?: "col" | "row";
-};
-
 declare interface State {
     toasts: ToasterProps[];
 }
@@ -519,7 +538,7 @@ export declare const ToggleButtonGroup: {
     Multiple: default_2.FC<ToggleButtonMultipleProps>;
 };
 
-declare interface ToggleButtonMultipleProps extends ToggleButtonProps {
+export declare interface ToggleButtonMultipleProps extends ToggleButtonProps {
     value: string[];
     onChange: (value: string[]) => void;
 }
@@ -530,13 +549,14 @@ declare interface ToggleButtonProps {
         label: default_2.ReactNode | string;
         disabled?: boolean;
     }[];
-    theme?: "primary" | "secondary";
-    size?: "xs" | "sm" | "md" | "lg" | "icon";
-    shape?: "square" | "rounded";
+    variant?: Omit<ButtonProps["variant"], "text">;
+    theme?: Omit<ButtonProps["theme"], "etc">;
+    size?: Omit<ButtonProps["size"], "icon">;
+    shape?: ButtonProps["shape"];
     className?: string;
 }
 
-declare interface ToggleButtonSingleProps extends ToggleButtonProps {
+export declare interface ToggleButtonSingleProps extends ToggleButtonProps {
     value: string;
     onChange: (value: string) => void;
     nullable?: boolean;

package/dist/types/ui.d.ts

@@ -1,5 +1,6 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ClassProp } from 'class-variance-authority/types';
+import { ComponentPropsWithRef } from 'react';
 import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { JSX as JSX_2 } from 'react';
@@ -47,6 +48,8 @@ declare function ArrowRightButton({ size, disabled, }: Props): JSX_2.Element;
 
 declare function ArrowUp2({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
+declare type BoxProps = ComponentPropsWithRef<"div">;
+
 declare function Bubbles({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -66,6 +69,16 @@ export declare const buttonVariants: (props?: ({
 
 declare function Calendar({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
+export declare const Callout: default_2.FC<CalloutBoxProps> & {
+    Fill: default_2.FC<CalloutBoxProps>;
+    Outline: default_2.FC<CalloutBoxProps>;
+};
+
+declare type CalloutBoxProps = BoxProps & {
+    heading?: default_2.ReactNode | string;
+    size?: 'sm' | 'md' | 'lg';
+};
+
 declare function Cancel({ size, fill }: SvgIconType): JSX_2.Element;
 
 declare function Checkbox({ type, size, fill }: Props_3): JSX_2.Element;
@@ -358,7 +371,7 @@ export declare const ToggleButtonGroup: {
     Multiple: default_2.FC<ToggleButtonMultipleProps>;
 };
 
-declare interface ToggleButtonMultipleProps extends ToggleButtonProps {
+export declare interface ToggleButtonMultipleProps extends ToggleButtonProps {
     value: string[];
     onChange: (value: string[]) => void;
 }
@@ -369,13 +382,14 @@ declare interface ToggleButtonProps {
         label: default_2.ReactNode | string;
         disabled?: boolean;
     }[];
-    theme?: "primary" | "secondary";
-    size?: "xs" | "sm" | "md" | "lg" | "icon";
-    shape?: "square" | "rounded";
+    variant?: Omit<ButtonProps["variant"], "text">;
+    theme?: Omit<ButtonProps["theme"], "etc">;
+    size?: Omit<ButtonProps["size"], "icon">;
+    shape?: ButtonProps["shape"];
     className?: string;
 }
 
-declare interface ToggleButtonSingleProps extends ToggleButtonProps {
+export declare interface ToggleButtonSingleProps extends ToggleButtonProps {
     value: string;
     onChange: (value: string) => void;
     nullable?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "boottent-design",
   "private": false,
-  "version": "0.1.49",
+  "version": "0.1.51",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",

package/dist/index-DSrfsFKr.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),o=require("react"),i=require("./boottent-design.utils.cjs.js"),e=o.forwardRef(({...r},t)=>s.jsx("div",{ref:t,...r})),n=({className:r,type:t="col",...c})=>s.jsx(e,{className:i.cn("flex",t==="row"&&"flex-row justify-start",t==="col"&&"flex-col items-start",r),...c});exports.Box=e;exports.Stack=n;

package/dist/index-fOHifeTQ.js

@@ -1,19 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { cn as a } from "./boottent-design.utils.es.js";
-const c = f(({ ...o }, r) => /* @__PURE__ */ t("div", { ref: r, ...o })), i = ({ className: o, type: r = "col", ...s }) => /* @__PURE__ */ t(
-  c,
-  {
-    className: a(
-      "flex",
-      r === "row" && "flex-row justify-start",
-      r === "col" && "flex-col items-start",
-      o
-    ),
-    ...s
-  }
-);
-export {
-  c as B,
-  i as S
-};