@bds-web/ui 1.0.0

package/dist/ArrowIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ui";
+//# sourceMappingURL=index.d.ts.map

package/dist/ArrowIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ArrowIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC"}

package/dist/ArrowIcon/index.js

@@ -0,0 +1 @@
+export * from "./ui";

package/dist/ArrowIcon/ui/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ArrowIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/ArrowIcon/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ArrowIcon/ui/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,+CAgBrB,CAAC"}

package/dist/ArrowIcon/ui/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ArrowIcon = () => {
+    return (_jsx("svg", { width: "7", height: "13", viewBox: "0 0 7 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.146894 0.146894C0.193339 0.100331 0.248515 0.0633878 0.30926 0.0381813C0.370005 0.0129749 0.435126 0 0.500894 0C0.566661 0 0.631782 0.0129749 0.692527 0.0381813C0.753272 0.0633878 0.808448 0.100331 0.854894 0.146894L6.85489 6.14689C6.90146 6.19334 6.9384 6.24852 6.96361 6.30926C6.98881 6.37001 7.00179 6.43513 7.00179 6.50089C7.00179 6.56666 6.98881 6.63178 6.96361 6.69253C6.9384 6.75327 6.90146 6.80845 6.85489 6.85489L0.854894 12.8549C0.761007 12.9488 0.633669 13.0015 0.500894 13.0015C0.368118 13.0015 0.24078 12.9488 0.146894 12.8549C0.0530069 12.761 0.000261784 12.6337 0.000261784 12.5009C0.000261784 12.3681 0.0530069 12.2408 0.146894 12.1469L5.79389 6.50089L0.146894 0.854894C0.10033 0.808448 0.0633873 0.753273 0.0381808 0.692528C0.0129744 0.631782 0 0.566661 0 0.500894C0 0.435127 0.0129744 0.370005 0.0381808 0.30926C0.0633873 0.248515 0.10033 0.19334 0.146894 0.146894Z", fill: "currentColor" }) }));
+};

package/dist/Button/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types/props";
+export * from "./ui";
+//# sourceMappingURL=index.d.ts.map

package/dist/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,MAAM,CAAC"}

package/dist/Button/index.js

@@ -0,0 +1,2 @@
+export * from "./types/props";
+export * from "./ui";

package/dist/Button/types/props.d.ts

@@ -0,0 +1,8 @@
+export type ButtonType = "primary" | "secondary" | "ghost" | "text" | "danger";
+export type ButtonSize = "small" | "medium" | "large";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    buttonType?: ButtonType;
+    buttonSize?: ButtonSize;
+    showIcon?: boolean;
+}
+//# sourceMappingURL=props.d.ts.map

package/dist/Button/types/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Button/types/props.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/E,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/Button/types/props.js

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

package/dist/Button/ui/index.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from "../types/props";
+export declare const Button: ({ buttonSize, buttonType, showIcon, children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/Button/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/ui/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,eAAO,MAAM,MAAM,GAAI,0DAMpB,WAAW,4CAOb,CAAC"}

package/dist/Button/ui/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as S from "./style";
+import { ArrowIcon } from "../../ArrowIcon";
+export const Button = ({ buttonSize = "small", buttonType = "primary", showIcon = false, children, ...props }) => {
+    return (_jsxs(S.Button, { "$buttonSize": buttonSize, "$buttonType": buttonType, ...props, children: [children, showIcon && _jsx(ArrowIcon, {})] }));
+};

package/dist/Button/ui/style.d.ts

@@ -0,0 +1,9 @@
+import { ButtonSize, ButtonType } from "../types/props";
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $buttonType: ButtonType;
+    $buttonSize: ButtonSize;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+//# sourceMappingURL=style.d.ts.map

package/dist/Button/ui/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Button/ui/style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMxD,eAAO,MAAM,MAAM;;;;iBACJ,UAAU;iBACV,UAAU;qHAaxB,CAAC"}

package/dist/Button/ui/style.js

@@ -0,0 +1,18 @@
+import styled from "@emotion/styled";
+import { getStyle } from "../utils/get-style";
+import { getSize } from "../utils/get-size";
+import { typoCss } from "@bds-web/typography";
+import { shapes } from "@bds-web/shapes";
+export const Button = styled.button `
+  ${typoCss("Caption2")};
+  cursor: pointer;
+  ${({ $buttonType }) => getStyle($buttonType)};
+  height: ${({ $buttonSize }) => getSize($buttonSize)};
+  padding: 12px ${({ $buttonSize }) => getSize($buttonSize)};
+  border-radius: ${shapes.medium};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  box-sizing: border-box;
+`;

package/dist/Button/utils/get-size.d.ts

@@ -0,0 +1,3 @@
+import { ButtonSize } from "../types/props";
+export declare const getSize: (size: ButtonSize) => "28px" | "32px" | "40px";
+//# sourceMappingURL=get-size.d.ts.map

package/dist/Button/utils/get-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-size.d.ts","sourceRoot":"","sources":["../../../src/Button/utils/get-size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAQ3C,eAAO,MAAM,OAAO,GAAI,MAAM,UAAU,6BAEvC,CAAA"}

package/dist/Button/utils/get-size.js

@@ -0,0 +1,8 @@
+const mapping = {
+    small: '28px',
+    medium: '32px',
+    large: '40px',
+};
+export const getSize = (size) => {
+    return mapping[size];
+};

package/dist/Button/utils/get-style.d.ts

@@ -0,0 +1,3 @@
+import { ButtonType } from "../types/props";
+export declare const getStyle: (buttonType: ButtonType) => import("@emotion/react").SerializedStyles;
+//# sourceMappingURL=get-style.d.ts.map

package/dist/Button/utils/get-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-style.d.ts","sourceRoot":"","sources":["../../../src/Button/utils/get-style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA6D5C,eAAO,MAAM,QAAQ,GAAI,YAAY,UAAU,8CA+B9C,CAAA"}

package/dist/Button/utils/get-style.js

@@ -0,0 +1,79 @@
+import { colors } from "@bds-web/colors";
+import { css } from "@emotion/react";
+const bg = {
+    enabled: {
+        primary: colors.blue.light,
+        secondary: colors.green.light,
+        ghost: "transparent",
+        text: "transparent",
+        danger: colors.red.light,
+    },
+    hover: {
+        primary: colors.blue.dark,
+        secondary: colors.green.dark,
+        ghost: "transparent",
+        text: colors.greyScale[10],
+        danger: colors.red.dark,
+    },
+    disabled: {
+        primary: colors.greyScale[40],
+        secondary: colors.greyScale[40],
+        ghost: "transparent",
+        text: "transparent",
+        danger: colors.greyScale[40],
+    },
+};
+const text = {
+    enabled: {
+        primary: colors.static.white,
+        secondary: colors.static.white,
+        ghost: colors.blue.light,
+        text: colors.blue.light,
+        danger: colors.static.white,
+    },
+    hover: {
+        primary: colors.static.white,
+        secondary: colors.static.white,
+        ghost: colors.blue.light,
+        text: colors.blue.light,
+        danger: colors.static.white,
+    },
+    disabled: {
+        primary: colors.greyScale[50],
+        secondary: colors.greyScale[50],
+        ghost: colors.greyScale[20],
+        text: colors.greyScale[20],
+        danger: colors.greyScale[50],
+    },
+};
+const border = {
+    enabled: colors.blue.light,
+    hover: colors.blue.dark,
+    disabled: colors.greyScale[20],
+};
+export const getStyle = (buttonType) => {
+    return css `
+    background-color: ${bg.enabled[buttonType]};
+    color: ${text.enabled[buttonType]};
+    border: ${buttonType === "ghost"
+        ? `1px solid ${border.enabled}`
+        : "none"};
+
+    &:hover {
+      background-color: ${bg.hover[buttonType]};
+      color: ${text.hover[buttonType]};
+      border: ${buttonType === "ghost"
+        ? `1px solid ${border.hover}`
+        : "none"};
+    }
+
+    &:disabled {
+      background-color: ${bg.disabled[buttonType]};
+      color: ${text.disabled[buttonType]};
+      border: ${buttonType === "ghost"
+        ? `1px solid ${border.disabled}`
+        : "none"};
+      cursor: not-allowed;
+    }
+  `;
+};

package/dist/CloseIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ui";
+//# sourceMappingURL=index.d.ts.map

package/dist/CloseIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CloseIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC"}

package/dist/CloseIcon/index.js

@@ -0,0 +1 @@
+export * from "./ui";

package/dist/CloseIcon/ui/index.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    onClose?: () => void;
+}
+export declare const CloseIcon: ({ onClose }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/CloseIcon/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CloseIcon/ui/index.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,GAAI,aAAa,KAAK,4CAiB3C,CAAC"}

package/dist/CloseIcon/ui/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CloseIcon = ({ onClose }) => {
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", onClick: onClose, style: { cursor: onClose ? "pointer" : "default" }, children: _jsx("path", { d: "M1.6 16L0 14.4L6.4 8L0 1.6L1.6 0L8 6.4L14.4 0L16 1.6L9.6 8L16 14.4L14.4 16L8 9.6L1.6 16Z", fill: "currentColor" }) }));
+};

package/dist/Dropdown/hooks/useDropdown.d.ts

@@ -0,0 +1,7 @@
+export declare const useDropdown: () => {
+    isOpen: boolean;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+    toggleDropdown: () => void;
+};
+//# sourceMappingURL=useDropdown.d.ts.map

package/dist/Dropdown/hooks/useDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/hooks/useDropdown.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;CAqBvB,CAAC"}

package/dist/Dropdown/hooks/useDropdown.js

@@ -0,0 +1,19 @@
+import { useCallback, useState } from "react";
+export const useDropdown = () => {
+    const [isOpen, setIsOpen] = useState(false);
+    const openDropdown = useCallback(() => {
+        setIsOpen(true);
+    }, []);
+    const closeDropdown = useCallback(() => {
+        setIsOpen(false);
+    }, []);
+    const toggleDropdown = useCallback(() => {
+        setIsOpen((prev) => !prev);
+    }, []);
+    return {
+        isOpen,
+        openDropdown,
+        closeDropdown,
+        toggleDropdown,
+    };
+};

package/dist/Dropdown/hooks/useOutsideClick.d.ts

@@ -0,0 +1,2 @@
+export declare const useOutsideClick: (isOpen: boolean, closeDropdown: () => void) => import("react").RefObject<HTMLDivElement | null>;
+//# sourceMappingURL=useOutsideClick.d.ts.map

package/dist/Dropdown/hooks/useOutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,QAAQ,OAAO,EAAE,eAAe,MAAM,IAAI,qDAoBzE,CAAC"}

package/dist/Dropdown/hooks/useOutsideClick.js

@@ -0,0 +1,21 @@
+import { useEffect, useRef } from "react";
+export const useOutsideClick = (isOpen, closeDropdown) => {
+    const containerRef = useRef(null);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const onPointerDown = (event) => {
+            const target = event.target;
+            const container = containerRef.current;
+            if (!container || !target)
+                return;
+            if (!container.contains(target))
+                closeDropdown();
+        };
+        document.addEventListener("pointerdown", onPointerDown);
+        return () => {
+            document.removeEventListener("pointerdown", onPointerDown);
+        };
+    }, [isOpen, closeDropdown]);
+    return containerRef;
+};

package/dist/Dropdown/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./types/props";
+export * from "./ui";
+export * from "./types/dropdown-item";
+//# sourceMappingURL=index.d.ts.map

package/dist/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,MAAM,CAAC;AACrB,cAAc,uBAAuB,CAAC"}

package/dist/Dropdown/index.js

@@ -0,0 +1,3 @@
+export * from "./types/props";
+export * from "./ui";
+export * from "./types/dropdown-item";

package/dist/Dropdown/types/dropdown-item.d.ts

@@ -0,0 +1,5 @@
+export interface DropdownItem {
+    name: string;
+    value: string;
+}
+//# sourceMappingURL=dropdown-item.d.ts.map

package/dist/Dropdown/types/dropdown-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/types/dropdown-item.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/Dropdown/types/dropdown-item.js

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

package/dist/Dropdown/types/props.d.ts

@@ -0,0 +1,10 @@
+import { DropdownItem } from "./dropdown-item";
+export type DropdownSize = "small" | "medium" | "large";
+export interface DropdownProps {
+    dropdownSize?: DropdownSize;
+    options: DropdownItem[];
+    selected: DropdownItem | null;
+    onSelect: (item: DropdownItem | null) => void;
+    width?: string;
+}
+//# sourceMappingURL=props.d.ts.map

package/dist/Dropdown/types/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/Dropdown/types/props.js

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

package/dist/Dropdown/ui/index.d.ts

@@ -0,0 +1,3 @@
+import { DropdownProps } from "../types/props";
+export declare const Dropdown: ({ dropdownSize, onSelect, options, selected, width, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/Dropdown/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/ui/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,eAAO,MAAM,QAAQ,GAAI,uDAMtB,aAAa,4CA+Bf,CAAC"}

package/dist/Dropdown/ui/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TriangleIcon } from "../../TriangleIcon";
+import { useDropdown } from "../hooks/useDropdown";
+import * as S from "./style";
+import { useOutsideClick } from "../hooks/useOutsideClick";
+export const Dropdown = ({ dropdownSize = "small", onSelect, options, selected, width = "auto", }) => {
+    const { isOpen, closeDropdown, toggleDropdown } = useDropdown();
+    const containerRef = useOutsideClick(isOpen, closeDropdown);
+    return (_jsxs(S.Container, { ref: containerRef, "$size": dropdownSize, "$width": width, onClick: toggleDropdown, children: [_jsxs(S.SelectedItem, { children: [_jsx(S.SelectedText, { children: selected ? selected.name : "선택해주세요." }), _jsx(TriangleIcon, {})] }), isOpen && (_jsx(S.OptionsList, { "$size": dropdownSize, "$isOpen": true, children: options.map((option, idx) => (_jsx(S.OptionItem, { "$isSelected": selected?.value === option.value, "$size": dropdownSize, onClick: () => onSelect(option), children: option.name }, idx))) }))] }));
+};

package/dist/Dropdown/ui/style.d.ts

@@ -0,0 +1,31 @@
+import { DropdownSize } from "../types/props";
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $size: DropdownSize;
+    $width: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SelectedItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SelectedText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const OptionsList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $size: DropdownSize;
+    $isOpen: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const OptionItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $size: DropdownSize;
+    $isSelected: boolean;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+//# sourceMappingURL=style.d.ts.map

package/dist/Dropdown/ui/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/ui/style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,eAAO,MAAM,SAAS;;;;WAAuB,YAAY;YAAU,MAAM;yGASxE,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAOxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAIxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;WAAsB,YAAY;aAAW,OAAO;6GAkB3E,CAAC;AAEF,eAAO,MAAM,UAAU;;;;WACd,YAAY;iBACN,OAAO;yGAerB,CAAC"}

package/dist/Dropdown/ui/style.js

@@ -0,0 +1,60 @@
+import { shapes } from "@bds-web/shapes";
+import styled from "@emotion/styled";
+import { getStyle } from "../utils/get-style";
+import { colors } from "@bds-web/colors";
+import { typoCss } from "@bds-web/typography";
+export const Container = styled.div `
+  border-radius: ${shapes.large};
+  padding: 0 20px;
+  ${({ $size }) => getStyle($size)};
+  width: ${({ $width }) => $width};
+  cursor: pointer;
+  position: relative;
+  user-select: none;
+  box-sizing: border-box;
+`;
+export const SelectedItem = styled.div `
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 100%;
+  user-select: none;
+`;
+export const SelectedText = styled.span `
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+export const OptionsList = styled.ul `
+  min-width: calc(100% + 2px);
+  background-color: ${colors.static.white};
+  border-radius: ${shapes.large};
+  ${({ $size }) => $size === "small"
+    ? `
+    border: 1px solid ${colors.greyScale[20]};
+  `
+    : `
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+  `};
+  position: absolute;
+  top: calc(100% + ${({ $size }) => ($size === "small" ? "4px" : "10px")});
+  left: -1px;
+  box-sizing: border-box;
+  z-index: ${({ $isOpen }) => ($isOpen ? 100 : -1)};
+  overflow: hidden;
+`;
+export const OptionItem = styled.li `
+  padding: 0 12px;
+  height: ${({ $size }) => ($size === "small" ? "28px" : "36px")};
+  ${typoCss("Body")};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${({ $isSelected }) => $isSelected ? colors.greyScale[10] : "transparent"};
+
+  &:hover {
+    background-color: ${colors.greyScale[10]};
+  }
+`;

package/dist/Dropdown/utils/get-style.d.ts

@@ -0,0 +1,3 @@
+import { DropdownSize } from "../types/props";
+export declare const getStyle: (size: DropdownSize) => import("@emotion/react").SerializedStyles;
+//# sourceMappingURL=get-style.d.ts.map

package/dist/Dropdown/utils/get-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-style.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/utils/get-style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA8B9C,eAAO,MAAM,QAAQ,GAAI,MAAM,YAAY,8CAE1C,CAAA"}

package/dist/Dropdown/utils/get-style.js

@@ -0,0 +1,29 @@
+import { css } from "@emotion/react";
+import { colors } from "@bds-web/colors";
+import { typoCss } from "@bds-web/typography";
+const map = {
+    small: css `
+    min-width: 98px;
+    border: 1px solid ${colors.greyScale[20]};
+    background-color: ${colors.static.white};
+    height: 28px;
+    ${typoCss("Body")};
+  `,
+    medium: css `
+    min-width: 152px;
+    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
+    background-color: ${colors.static.white};
+    height: 36px;
+    ${typoCss("Body")};
+  `,
+    large: css `
+    min-width: 164px;
+    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
+    background-color: ${colors.static.white};
+    height: 48px;
+    ${typoCss("H4")};
+  `
+};
+export const getStyle = (size) => {
+    return map[size];
+};

package/dist/Modal/hooks/useModal.d.ts

@@ -0,0 +1,8 @@
+export declare const useModal: () => {
+    isOpen: boolean;
+    content: import("../types/modal-item").Modal | null;
+    modals: import("../types/modal-item").ModalItem[];
+    closeModal: () => void;
+    mountedRoot: HTMLElement | null;
+};
+//# sourceMappingURL=useModal.d.ts.map

package/dist/Modal/hooks/useModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../src/Modal/hooks/useModal.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;;;;CAoDpB,CAAC"}

package/dist/Modal/hooks/useModal.js

@@ -0,0 +1,50 @@
+"use client";
+import { useEffect, useState } from "react";
+import { useModalStore } from "./useModalStore";
+export const useModal = () => {
+    const { isOpen, content, modals, closeModal } = useModalStore();
+    const [mountedRoot, setMountedRoot] = useState(null);
+    useEffect(() => {
+        let modalRoot = document.getElementById("dds-dialog-root");
+        if (!modalRoot) {
+            modalRoot = document.createElement("div");
+            modalRoot.id = "dds-dialog-root";
+            document.body.appendChild(modalRoot);
+        }
+        setTimeout(() => {
+            setMountedRoot(modalRoot);
+        }, 0);
+        return () => {
+            if (modalRoot && modalRoot.childNodes.length === 0) {
+                modalRoot.remove();
+            }
+        };
+    }, []);
+    useEffect(() => {
+        if (modals.length > 0) {
+            document.body.style.overflow = "hidden";
+        }
+        else {
+            document.body.style.overflow = "";
+        }
+        return () => {
+            document.body.style.overflow = "";
+        };
+    }, [modals.length]);
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === "Escape" && modals.length > 0) {
+                closeModal();
+            }
+        };
+        window.addEventListener("keydown", handleEscape);
+        return () => window.removeEventListener("keydown", handleEscape);
+    }, [modals.length, closeModal]);
+    return {
+        isOpen,
+        content,
+        modals,
+        closeModal,
+        mountedRoot,
+    };
+};

package/dist/Modal/hooks/useModalStore.d.ts

@@ -0,0 +1,12 @@
+import { Modal, ModalItem } from "../types/modal-item";
+interface ModalState {
+    isOpen: boolean;
+    content: Modal | null;
+    modals: ModalItem[];
+    openModal: (content: Modal) => void;
+    closeModal: () => void;
+    closeAllModal: () => void;
+}
+export declare const useModalStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ModalState>>;
+export {};
+//# sourceMappingURL=useModalStore.d.ts.map

package/dist/Modal/hooks/useModalStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalStore.d.ts","sourceRoot":"","sources":["../../../src/Modal/hooks/useModalStore.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,KAAK,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,yEA6BvB,CAAC"}

package/dist/Modal/hooks/useModalStore.js

@@ -0,0 +1,33 @@
+"use client";
+import { create } from "zustand";
+export const useModalStore = create((set, get) => ({
+    isOpen: false,
+    content: null,
+    modals: [],
+    openModal: (content) => {
+        const id = crypto.randomUUID();
+        const newModals = [...get().modals, { id, content }];
+        set({
+            isOpen: true,
+            content: newModals[newModals.length - 1].content,
+            modals: newModals,
+        });
+    },
+    closeModal: () => {
+        const currentModals = get().modals;
+        if (currentModals.length <= 1) {
+            set({ isOpen: false, content: null, modals: [] });
+        }
+        else {
+            const newModals = currentModals.slice(0, -1);
+            set({
+                isOpen: true,
+                content: newModals[newModals.length - 1].content,
+                modals: newModals,
+            });
+        }
+    },
+    closeAllModal: () => {
+        set({ isOpen: false, content: null, modals: [] });
+    },
+}));

package/dist/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ui";
+export * from "./utils/modal";
+export * from "./types/props";
+//# sourceMappingURL=index.d.ts.map

package/dist/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/Modal/index.js

@@ -0,0 +1,3 @@
+export * from "./ui";
+export * from "./utils/modal";
+export * from "./types/props";

package/dist/Modal/types/modal-item.d.ts

@@ -0,0 +1,9 @@
+export interface ModalItem {
+    id: string;
+    content: Modal;
+}
+export interface Modal {
+    title: string;
+    content: React.ReactNode;
+}
+//# sourceMappingURL=modal-item.d.ts.map

package/dist/Modal/types/modal-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-item.d.ts","sourceRoot":"","sources":["../../../src/Modal/types/modal-item.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B"}

package/dist/Modal/types/modal-item.js

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

package/dist/Modal/types/props.d.ts

@@ -0,0 +1,4 @@
+export interface ModalProviderProps {
+    baseZIndex?: number;
+}
+//# sourceMappingURL=props.d.ts.map

package/dist/Modal/types/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/types/props.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/Modal/types/props.js

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

package/dist/Modal/ui/index.d.ts

@@ -0,0 +1,3 @@
+import { ModalProviderProps } from "../types/props";
+export declare const ModalProvider: ({ baseZIndex }: ModalProviderProps) => import("react").ReactPortal | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/Modal/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ui/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIpD,eAAO,MAAM,aAAa,GAAI,gBAAwB,kBAAkB,uCAwBvE,CAAC"}

package/dist/Modal/ui/index.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { useModal } from "../hooks/useModal";
+import * as S from "./style";
+import { CloseIcon } from "../../CloseIcon";
+export const ModalProvider = ({ baseZIndex = 10000 }) => {
+    const { modals, closeModal, mountedRoot } = useModal();
+    if (modals.length === 0 || !mountedRoot)
+        return null;
+    return createPortal(_jsx(_Fragment, { children: modals.map((modal, index) => (_jsx(S.Overlay, { "$zIndex": baseZIndex + index, onClick: index === modals.length - 1 ? closeModal : undefined, children: _jsxs(S.Modal, { onClick: (e) => e.stopPropagation(), children: [_jsxs(S.ModalHeader, { children: [_jsx(S.ModalTitle, { children: modal.content.title }), _jsx(CloseIcon, { onClose: closeModal })] }), modal.content.content] }) }, modal.id))) }), mountedRoot);
+};

package/dist/Modal/ui/style.d.ts

@@ -0,0 +1,19 @@
+export declare const Overlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $zIndex: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Modal: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+//# sourceMappingURL=style.d.ts.map

package/dist/Modal/ui/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Modal/ui/style.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO;;;;aAAyB,MAAM;yGASlD,CAAC;AAEF,eAAO,MAAM,KAAK;;;yGAyBjB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAMvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;iHAItB,CAAC"}

package/dist/Modal/ui/style.js

@@ -0,0 +1,61 @@
+import { colors } from "@bds-web/colors";
+import { shapes } from "@bds-web/shapes";
+import { typoCss } from "@bds-web/typography";
+import { keyframes } from "@emotion/react";
+import styled from "@emotion/styled";
+const fadeIn = keyframes `
+	from { opacity: 0; }
+	to { opacity: 1; }
+`;
+const slideUp = keyframes `
+	from { opacity: 0; transform: translateY(20px); }
+	to { opacity: 1; transform: translateY(0); }
+`;
+export const Overlay = styled.div `
+	position: fixed;
+	inset: 0;
+	background-color: rgba(0, 0, 0, 0.3);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: ${({ $zIndex }) => $zIndex};
+	animation: ${fadeIn} 300ms ease-out;
+`;
+export const Modal = styled.div `
+	position: relative;
+	background: ${colors.static.white};
+	border-radius: ${shapes.large};
+	padding: 20px;
+	max-height: 90vh;
+	overflow-y: auto;
+	animation: ${slideUp} 300ms ease-out;
+
+	&::-webkit-scrollbar {
+		width: 6px;
+	}
+
+	&::-webkit-scrollbar-track {
+		background: transparent;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background: rgba(0, 0, 0, 0.2);
+		border-radius: 3px;
+	}
+
+	&::-webkit-scrollbar-thumb:hover {
+		background: rgba(0, 0, 0, 0.3);
+	}
+`;
+export const ModalHeader = styled.div `
+	min-width: 360px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 10px;
+`;
+export const ModalTitle = styled.h2 `
+	${typoCss("Accent")};
+	color: ${colors.static.black};
+	margin: 0;
+`;

package/dist/Modal/utils/modal.d.ts

@@ -0,0 +1,7 @@
+import { Modal } from "../types/modal-item";
+export declare const modal: {
+    open: (content: Modal) => void;
+    close: () => void;
+    closeAll: () => void;
+};
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/Modal/utils/modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,eAAO,MAAM,KAAK;oBACA,KAAK,KAAG,IAAI;iBAGjB,IAAI;oBAGD,IAAI;CAGnB,CAAC"}

package/dist/Modal/utils/modal.js

@@ -0,0 +1,12 @@
+import { useModalStore } from "../hooks/useModalStore";
+export const modal = {
+    open: (content) => {
+        useModalStore.getState().openModal(content);
+    },
+    close: () => {
+        useModalStore.getState().closeModal();
+    },
+    closeAll: () => {
+        useModalStore.getState().closeAllModal();
+    },
+};

package/dist/TextInput/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types/props";
+export * from "./ui";
+//# sourceMappingURL=index.d.ts.map

package/dist/TextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,MAAM,CAAC"}

package/dist/TextInput/index.js

@@ -0,0 +1,2 @@
+export * from "./types/props";
+export * from "./ui";

package/dist/TextInput/types/props.d.ts

@@ -0,0 +1,5 @@
+export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    errorMessage?: string;
+}
+//# sourceMappingURL=props.d.ts.map

package/dist/TextInput/types/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TextInput/types/props.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/TextInput/types/props.js

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

package/dist/TextInput/ui/index.d.ts

@@ -0,0 +1,3 @@
+import { TextInputProps } from "../types/props";
+export declare const TextInput: ({ label, errorMessage, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/TextInput/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextInput/ui/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,eAAO,MAAM,SAAS,GAAI,mCAAmC,cAAc,4CAQ1E,CAAC"}

package/dist/TextInput/ui/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as S from "./style";
+export const TextInput = ({ label, errorMessage, ...props }) => {
+    return (_jsxs(S.Container, { children: [label && _jsx(S.Label, { children: label }), _jsx(S.TextInput, { "$isError": !!errorMessage, ...props }), errorMessage && _jsx(S.ErrorMessage, { children: errorMessage })] }));
+};

package/dist/TextInput/ui/style.d.ts

@@ -0,0 +1,19 @@
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $isError: boolean;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const ErrorMessage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=style.d.ts.map

package/dist/TextInput/ui/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/TextInput/ui/style.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;cAA4B,OAAO;kHA+BxD,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAGxB,CAAC"}

package/dist/TextInput/ui/style.js

@@ -0,0 +1,50 @@
+import { colors } from "@bds-web/colors";
+import { shapes } from "@bds-web/shapes";
+import { typoCss } from "@bds-web/typography";
+import styled from "@emotion/styled";
+export const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+`;
+export const TextInput = styled.input `
+  ${typoCss("Body")};
+  height: 48px;
+  border-radius: ${shapes.medium};
+  background-color: ${colors.static.white};
+  outline: none;
+  border: 1px solid
+      ${({ $isError }) => ($isError ? colors.red.light : colors.static.white)};
+  padding: 0 16px;
+  color: ${colors.static.black};
+  box-sizing: border-box;
+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
+
+  &::placeholder {
+    color: ${colors.greyScale[60]};
+  }
+
+  &:focus:not(:disabled) {
+    border: 1px solid
+      ${({ $isError }) => ($isError ? colors.red.light : colors.blue.light)};
+  }
+
+  &:hover {
+    border-bottom: 1px solid ${colors.blue.light};
+  }
+
+  &:disabled {
+    border: 1px solid ${colors.greyScale[10]};
+    background-color: ${colors.greyScale[10]};
+    cursor: not-allowed;
+  }
+`;
+export const Label = styled.label `
+  ${typoCss("Caption1")};
+  color: ${colors.static.black};
+`;
+export const ErrorMessage = styled.span `
+  ${typoCss("Caption1")};
+  color: ${colors.red.light};
+`;

package/dist/TriangleIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ui";
+//# sourceMappingURL=index.d.ts.map

package/dist/TriangleIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TriangleIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC"}

package/dist/TriangleIcon/index.js

@@ -0,0 +1 @@
+export * from "./ui";

package/dist/TriangleIcon/ui/index.d.ts

@@ -0,0 +1,2 @@
+export declare const TriangleIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/TriangleIcon/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TriangleIcon/ui/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,+CAWxB,CAAC"}

package/dist/TriangleIcon/ui/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from "@bds-web/colors";
+export const TriangleIcon = () => {
+    return (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5 10L0 0L10 0L5 10Z", fill: colors.blue.light }) }));
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./next";
+export * from "./Button";
+export * from "./TextInput";
+export * from "./Modal";
+export * from "./Dropdown";
+//# 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":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from "./next";
+export * from "./Button";
+export * from "./TextInput";
+export * from "./Modal";
+export * from "./Dropdown";

package/dist/next/BdsRegistry.d.ts

@@ -0,0 +1,4 @@
+export declare const BdsRegistry: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BdsRegistry.d.ts.map

package/dist/next/BdsRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BdsRegistry.d.ts","sourceRoot":"","sources":["../../src/next/BdsRegistry.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,GAAI,eAEzB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAmBA,CAAA"}

package/dist/next/BdsRegistry.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CacheProvider as EmotionCacheProvider } from '@emotion/react';
+import createCache from '@emotion/cache';
+import { useServerInsertedHTML } from 'next/navigation';
+import { useState } from 'react';
+const CacheProvider = EmotionCacheProvider;
+export const BdsRegistry = ({ children, }) => {
+    const [cache] = useState(() => {
+        const cache = createCache({ key: 'css' });
+        cache.compat = true;
+        return cache;
+    });
+    useServerInsertedHTML(() => {
+        return (_jsx("style", { "data-emotion": `${cache.key} ${Object.keys(cache.inserted).join(' ')}`, dangerouslySetInnerHTML: {
+                __html: Object.values(cache.inserted).join(' '),
+            } }));
+    });
+    return _jsx(CacheProvider, { value: cache, children: children });
+};

package/dist/next/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BdsRegistry";
+//# sourceMappingURL=index.d.ts.map

package/dist/next/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/next/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/next/index.js

@@ -0,0 +1 @@
+export * from "./BdsRegistry";

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@bds-web/ui",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "prepack": "pnpm run build",
+    "typecheck": "tsc -b"
+  },
+  "peerDependencies": {
+    "@bds-web/colors": "^1.1.0",
+    "@bds-web/shapes": "^1.1.0",
+    "@bds-web/themes": "^1.0.0",
+    "@bds-web/typography": "^1.1.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@emotion/cache": "^11.14.0",
+    "lucide-react": "^0.562.0",
+    "next": ">=16",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "zustand": "^5.0.10"
+  }
+}