@jbpark/ui-kit 2.3.3 → 2.3.4

package/README.ko.md

@@ -28,7 +28,6 @@ src/
 ├── core/             # ⚙️ 핵심 UI 로직 (Radix UI 기반)
 ├── lib/
 │   ├── enums/        # 📋 열거형 타입
-│   ├── hooks/        # 🎣 커스텀 훅
 │   └── utils/        # 🛠 유틸리티 함수
 ├── globals.css       # 🎨 전역 스타일
 └── index.ts          # 📥 패키지 진입점

package/README.md

@@ -28,7 +28,6 @@ src/
 ├── core/             # ⚙️ Core UI logic (Radix UI based)
 ├── lib/
 │   ├── enums/        # 📋 Enumeration types
-│   ├── hooks/        # 🎣 Custom hooks
 │   └── utils/        # 🛠 Utility functions
 ├── globals.css       # 🎨 Global styles
 └── index.ts          # 📥 Package entry point

package/dist/Menu.d.mts

@@ -1,2 +1,62 @@
-import { a as MenuProps, c as buildSelectionMap, i as MenuItem, l as findKey, n as MENU_CLASSNAMES, o as Props, r as Menu, s as SelectionMap, t as ClickEventHandler } from "./index-tclrN3ts.mjs";
-export { ClickEventHandler, MENU_CLASSNAMES, MenuItem, MenuProps, Props, SelectionMap, buildSelectionMap, Menu as default, findKey };
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/molecules/Menu/index.d.ts
+interface MenuItem {
+  label: React.ReactNode;
+  key: React.Key;
+  type?: string;
+  path?: string;
+  children?: MenuItem[];
+}
+interface Props {
+  mode?: 'horizontal' | 'vertical' | 'inline';
+  selectedKeys?: React.Key[];
+  defaultSelectedKeys?: React.Key[];
+  selectionMap?: SelectionMap;
+  offset?: [number, number];
+  inlineOffset?: number;
+  classNames?: {
+    rootItem?: string;
+    subMenu?: string;
+    item?: string;
+    label?: string;
+  };
+  styles?: {
+    rootItem?: React.CSSProperties;
+    subMenu?: React.CSSProperties;
+    item?: React.CSSProperties;
+    label?: React.CSSProperties;
+  };
+  onClick?: ClickEventHandler;
+  onSelect?: ClickEventHandler;
+}
+interface MenuProps extends Props, Omit<React.ComponentPropsWithoutRef<'ul'>, 'onClick' | 'onSelect'> {
+  items?: MenuItem[];
+}
+type ClickEventHandler = (params: {
+  domEvent: React.MouseEvent;
+  key: React.Key;
+  keyPath: React.Key[];
+  item: MenuItem;
+}) => void;
+declare const MENU_CLASSNAMES: string[];
+type SelectionMap = ReadonlyMap<React.Key, boolean>;
+declare function buildSelectionMap(items: MenuItem[], selectedKeysSet: ReadonlySet<React.Key>): SelectionMap;
+declare function findKey(menu: MenuItem, targetKeys: ReadonlySet<React.Key>): boolean;
+declare const Menu: ({
+  items,
+  mode,
+  defaultSelectedKeys,
+  selectedKeys: _selectedKeys,
+  className,
+  classNames,
+  styles,
+  offset,
+  inlineOffset,
+  onClick,
+  onSelect: _onSelect,
+  ...props
+}: MenuProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ClickEventHandler, MENU_CLASSNAMES, MenuItem, MenuProps, Props, SelectionMap, buildSelectionMap, Menu as default, findKey };
+//# sourceMappingURL=Menu.d.mts.map

package/dist/Menu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.mts","names":[],"sources":["../src/components/molecules/Menu/index.tsx"],"mappings":";;;UAQiB,QAAA;EACf,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,GAAA,EAAK,KAAA,CAAM,GAAA;EACX,IAAA;EACA,IAAA;EACA,QAAA,GAAW,QAAA;AAAA;AAAA,UAGI,KAAA;EACf,IAAA;EACA,YAAA,GAAe,KAAA,CAAM,GAAA;EACrB,mBAAA,GAAsB,KAAA,CAAM,GAAA;EAC5B,YAAA,GAAe,YAAA;EACf,MAAA;EACA,YAAA;EACA,UAAA;IACE,QAAA;IACA,OAAA;IACA,IAAA;IACA,KAAA;EAAA;EAGF,MAAA;IACE,QAAA,GAAW,KAAA,CAAM,aAAA;IACjB,OAAA,GAAU,KAAA,CAAM,aAAA;IAChB,IAAA,GAAO,KAAA,CAAM,aAAA;IACb,KAAA,GAAQ,KAAA,CAAM,aAAA;EAAA;EAGhB,OAAA,GAAU,iBAAA;EACV,QAAA,GAAW,iBAAA;AAAA;AAAA,UAGI,SAAA,SAEb,KAAA,EACA,IAAA,CAAK,KAAA,CAAM,wBAAA;EACb,KAAA,GAAQ,QAAA;AAAA;AAAA,KAGE,iBAAA,IAAqB,MAAA;EAC/B,QAAA,EAAU,KAAA,CAAM,UAAA;EAChB,GAAA,EAAK,KAAA,CAAM,GAAA;EACX,OAAA,EAAS,KAAA,CAAM,GAAA;EACf,IAAA,EAAM,QAAA;AAAA;AAAA,cAGK,eAAA;AAAA,KAQD,YAAA,GAAe,WAAA,CAAY,KAAA,CAAM,GAAA;AAAA,iBAE7B,iBAAA,CACd,KAAA,EAAO,QAAA,IACP,eAAA,EAAiB,WAAA,CAAY,KAAA,CAAM,GAAA,IAClC,YAAA;AAAA,iBAea,OAAA,CACd,IAAA,EAAM,QAAA,EACN,UAAA,EAAY,WAAA,CAAY,KAAA,CAAM,GAAA;AAAA,cAiB1B,IAAA;EAAQ,KAAA;EAAA,IAAA;EAAA,mBAAA;EAAA,YAAA,EAAA,aAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAA,MAAA;EAAA,YAAA;EAAA,OAAA;EAAA,QAAA,EAAA,SAAA;EAAA,GAAA;AAAA,GAaX,SAAA,KAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Menu.mjs

@@ -1,8 +1,69 @@
 'use client';
 
-import { d as buildSelectionMap, f as findKey, l as MENU_CLASSNAMES, u as Menu_default } from "./src-B6Kaolt3.mjs";
-import "./utils-1s_37TSX.mjs";
-import "./Typography-Dznhj8uL.mjs";
-import "./Reveals-Cqo3i2hh.mjs";
+import { cn } from "./utils.mjs";
+import Item from "./components/molecules/Menu/Item/index.mjs";
+import { createElement, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 
-export { MENU_CLASSNAMES, buildSelectionMap, Menu_default as default, findKey };
+//#region src/components/molecules/Menu/index.tsx
+const MENU_CLASSNAMES = [
+	"p-0",
+	"bg-white",
+	"shadow-md",
+	"rounded-md"
+];
+function buildSelectionMap(items, selectedKeysSet) {
+	const map = /* @__PURE__ */ new Map();
+	const dfs = (node) => {
+		const self = selectedKeysSet.has(node.key);
+		const hasSelectedChild = node.children?.some((child) => dfs(child)) ?? false;
+		const isSelected = self || hasSelectedChild;
+		map.set(node.key, isSelected);
+		return isSelected;
+	};
+	items.forEach(dfs);
+	return map;
+}
+function findKey(menu, targetKeys) {
+	if (targetKeys.has(menu.key)) return true;
+	if (menu.children && Array.isArray(menu.children)) {
+		for (const child of menu.children) if (findKey(child, targetKeys)) return true;
+	}
+	return false;
+}
+const Menu = ({ items, mode = "vertical", defaultSelectedKeys = [], selectedKeys: _selectedKeys, className, classNames, styles, offset, inlineOffset, onClick, onSelect: _onSelect, ...props }) => {
+	const controlled = _selectedKeys !== void 0;
+	const [uncontrolledSelectedKeys, setUncontrolledSelectedKeys] = useState(defaultSelectedKeys ?? []);
+	const selectedKeys = controlled ? _selectedKeys : uncontrolledSelectedKeys;
+	const selectedKeysSet = useMemo(() => new Set(selectedKeys ?? []), [selectedKeys]);
+	const selectionMap = useMemo(() => buildSelectionMap(items ?? [], selectedKeysSet), [items, selectedKeysSet]);
+	const onSelect = (params) => {
+		if (!controlled) setUncontrolledSelectedKeys([params.key]);
+		_onSelect?.(params);
+	};
+	return /* @__PURE__ */ jsx("ul", {
+		role: "menu",
+		className: cn(MENU_CLASSNAMES, mode === "horizontal" ? "flex" : "inline-block", className),
+		...props,
+		children: items?.map((item) => /* @__PURE__ */ createElement(Item, {
+			root: true,
+			...item,
+			key: item.key,
+			itemKey: item.key,
+			keyPath: [item.key],
+			selectedKeys,
+			selectionMap,
+			mode,
+			classNames,
+			styles,
+			offset,
+			inlineOffset,
+			onClick,
+			onSelect
+		}))
+	});
+};
+
+//#endregion
+export { MENU_CLASSNAMES, buildSelectionMap, Menu as default, findKey };
+//# sourceMappingURL=Menu.mjs.map

package/dist/Menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.mjs","names":[],"sources":["../src/components/molecules/Menu/index.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, useState } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Item from './Item';\n\nexport interface MenuItem {\n  label: React.ReactNode;\n  key: React.Key;\n  type?: string;\n  path?: string;\n  children?: MenuItem[];\n}\n\nexport interface Props {\n  mode?: 'horizontal' | 'vertical' | 'inline';\n  selectedKeys?: React.Key[];\n  defaultSelectedKeys?: React.Key[];\n  selectionMap?: SelectionMap;\n  offset?: [number, number];\n  inlineOffset?: number;\n  classNames?: {\n    rootItem?: string;\n    subMenu?: string;\n    item?: string;\n    label?: string;\n    // open?: string;\n  };\n  styles?: {\n    rootItem?: React.CSSProperties;\n    subMenu?: React.CSSProperties;\n    item?: React.CSSProperties;\n    label?: React.CSSProperties;\n    // open?: React.CSSProperties;\n  };\n  onClick?: ClickEventHandler;\n  onSelect?: ClickEventHandler;\n}\n\nexport interface MenuProps\n  extends\n    Props,\n    Omit<React.ComponentPropsWithoutRef<'ul'>, 'onClick' | 'onSelect'> {\n  items?: MenuItem[];\n}\n\nexport type ClickEventHandler = (params: {\n  domEvent: React.MouseEvent;\n  key: React.Key;\n  keyPath: React.Key[];\n  item: MenuItem;\n}) => void;\n\nexport const MENU_CLASSNAMES = [\n  'p-0',\n  'bg-white',\n  'shadow-md',\n  'rounded-md',\n  //\n];\n\nexport type SelectionMap = ReadonlyMap<React.Key, boolean>;\n\nexport function buildSelectionMap(\n  items: MenuItem[],\n  selectedKeysSet: ReadonlySet<React.Key>,\n): SelectionMap {\n  const map = new Map<React.Key, boolean>();\n\n  const dfs = (node: MenuItem): boolean => {\n    const self = selectedKeysSet.has(node.key);\n    const hasSelectedChild = node.children?.some(child => dfs(child)) ?? false;\n    const isSelected = self || hasSelectedChild;\n    map.set(node.key, isSelected);\n    return isSelected;\n  };\n\n  items.forEach(dfs);\n  return map;\n}\n\nexport function findKey(\n  menu: MenuItem,\n  targetKeys: ReadonlySet<React.Key>,\n): boolean {\n  if (targetKeys.has(menu.key)) {\n    return true;\n  }\n\n  if (menu.children && Array.isArray(menu.children)) {\n    for (const child of menu.children) {\n      if (findKey(child, targetKeys)) {\n        return true;\n      }\n    }\n  }\n\n  return false;\n}\n\nconst Menu = ({\n  items,\n  mode = 'vertical',\n  defaultSelectedKeys = [],\n  selectedKeys: _selectedKeys,\n  className,\n  classNames,\n  styles,\n  offset,\n  inlineOffset,\n  onClick,\n  onSelect: _onSelect,\n  ...props\n}: MenuProps) => {\n  const controlled = _selectedKeys !== undefined;\n  const [uncontrolledSelectedKeys, setUncontrolledSelectedKeys] = useState<\n    React.Key[]\n  >(defaultSelectedKeys ?? []);\n\n  const selectedKeys = controlled\n    ? (_selectedKeys as React.Key[])\n    : uncontrolledSelectedKeys;\n\n  const selectedKeysSet = useMemo(\n    () => new Set<React.Key>(selectedKeys ?? []),\n    [selectedKeys],\n  );\n\n  const selectionMap = useMemo(\n    () => buildSelectionMap(items ?? [], selectedKeysSet),\n    [items, selectedKeysSet],\n  );\n\n  const onSelect = (params: {\n    domEvent: React.MouseEvent;\n    key: React.Key;\n    keyPath: React.Key[];\n    item: MenuItem;\n  }) => {\n    if (!controlled) {\n      setUncontrolledSelectedKeys([params.key]);\n    }\n    _onSelect?.(params);\n  };\n\n  return (\n    <ul\n      role=\"menu\"\n      className={cn(\n        MENU_CLASSNAMES,\n        mode === 'horizontal' ? 'flex' : 'inline-block',\n        className,\n      )}\n      {...props}\n    >\n      {items?.map(item => (\n        <Item\n          root\n          {...item}\n          key={item.key}\n          itemKey={item.key}\n          keyPath={[item.key]}\n          selectedKeys={selectedKeys}\n          selectionMap={selectionMap}\n          mode={mode}\n          classNames={classNames}\n          styles={styles}\n          offset={offset}\n          inlineOffset={inlineOffset}\n          onClick={onClick}\n          onSelect={onSelect}\n        />\n      ))}\n    </ul>\n  );\n};\n\nexport default Menu;\n"],"mappings":";;;;;;;;AAuDA,MAAa,kBAAkB;CAC7B;CACA;CACA;CACA;CAED;AAID,SAAgB,kBACd,OACA,iBACc;CACd,MAAM,sBAAM,IAAI,KAAyB;CAEzC,MAAM,OAAO,SAA4B;EACvC,MAAM,OAAO,gBAAgB,IAAI,KAAK,IAAI;EAC1C,MAAM,mBAAmB,KAAK,UAAU,MAAK,UAAS,IAAI,MAAM,CAAC,IAAI;EACrE,MAAM,aAAa,QAAQ;AAC3B,MAAI,IAAI,KAAK,KAAK,WAAW;AAC7B,SAAO;;AAGT,OAAM,QAAQ,IAAI;AAClB,QAAO;;AAGT,SAAgB,QACd,MACA,YACS;AACT,KAAI,WAAW,IAAI,KAAK,IAAI,CAC1B,QAAO;AAGT,KAAI,KAAK,YAAY,MAAM,QAAQ,KAAK,SAAS,EAC/C;OAAK,MAAM,SAAS,KAAK,SACvB,KAAI,QAAQ,OAAO,WAAW,CAC5B,QAAO;;AAKb,QAAO;;AAGT,MAAM,QAAQ,EACZ,OACA,OAAO,YACP,sBAAsB,EAAE,EACxB,cAAc,eACd,WACA,YACA,QACA,QACA,cACA,SACA,UAAU,WACV,GAAG,YACY;CACf,MAAM,aAAa,kBAAkB;CACrC,MAAM,CAAC,0BAA0B,+BAA+B,SAE9D,uBAAuB,EAAE,CAAC;CAE5B,MAAM,eAAe,aAChB,gBACD;CAEJ,MAAM,kBAAkB,cAChB,IAAI,IAAe,gBAAgB,EAAE,CAAC,EAC5C,CAAC,aAAa,CACf;CAED,MAAM,eAAe,cACb,kBAAkB,SAAS,EAAE,EAAE,gBAAgB,EACrD,CAAC,OAAO,gBAAgB,CACzB;CAED,MAAM,YAAY,WAKZ;AACJ,MAAI,CAAC,WACH,6BAA4B,CAAC,OAAO,IAAI,CAAC;AAE3C,cAAY,OAAO;;AAGrB,QACE,oBAAC;EACC,MAAK;EACL,WAAW,GACT,iBACA,SAAS,eAAe,SAAS,gBACjC,UACD;EACD,GAAI;YAEH,OAAO,KAAI,SACV,8BAAC;GACC;GACA,GAAI;GACJ,KAAK,KAAK;GACV,SAAS,KAAK;GACd,SAAS,CAAC,KAAK,IAAI;GACL;GACA;GACR;GACM;GACJ;GACA;GACM;GACL;GACC;IACV,CACF;GACC"}

package/dist/Reveals.d.mts

@@ -1,2 +1,43 @@
-import { a as Reveals, i as Props, n as DELAY, o as Item, r as DURATION, s as ItemProps, t as CASCADE } from "./index-CsjsTuId.mjs";
-export { CASCADE, DELAY, DURATION, Item, ItemProps, Props as RevealsProps, Reveals as default };
+import { Item, ItemProps } from "./components/molecules/Reveals/Item/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/molecules/Reveals/index.d.ts
+interface Props extends React.ComponentPropsWithoutRef<'div'>, ItemProps {
+  cascade?: number;
+  classNames?: {
+    root?: string;
+    item?: string;
+  };
+  once?: boolean;
+  items?: ItemProps[];
+}
+declare const DURATION = 0.6;
+declare const DELAY = 0;
+declare const CASCADE = 0.1;
+declare const Reveals: {
+  ({
+    children,
+    className,
+    classNames,
+    items,
+    cascade,
+    duration,
+    delay,
+    ...props
+  }: Props): react_jsx_runtime0.JSX.Element;
+  Item: ({
+    effect,
+    children,
+    once,
+    viewport,
+    variants,
+    duration,
+    delay,
+    transition,
+    className,
+    ...props
+  }: ItemProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { CASCADE, DELAY, DURATION, Item, type ItemProps, type Props as RevealsProps, Reveals as default };
+//# sourceMappingURL=Reveals.d.mts.map

package/dist/Reveals.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveals.d.mts","names":[],"sources":["../src/components/molecules/Reveals/index.tsx"],"mappings":";;;;UAMU,KAAA,SAAc,KAAA,CAAM,wBAAA,SAAiC,SAAA;EAC7D,OAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;EAAA;EAEF,IAAA;EACA,KAAA,GAAQ,SAAA;AAAA;AAAA,cAGJ,QAAA;AAAA,cACA,KAAA;AAAA,cACA,OAAA;AAAA,cAEA,OAAA;EAAA;;;;;;;;;KASH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Reveals.mjs

@@ -1,4 +1,29 @@
-import "./utils-1s_37TSX.mjs";
-import { a as Item_default, i as Reveals_default, n as DELAY, r as DURATION, t as CASCADE } from "./Reveals-Cqo3i2hh.mjs";
+import { cn } from "./utils.mjs";
+import Item from "./components/molecules/Reveals/Item/index.mjs";
+import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
 
-export { CASCADE, DELAY, DURATION, Item_default as Item, Reveals_default as default };
+//#region src/components/molecules/Reveals/index.tsx
+const DURATION = .6;
+const DELAY = 0;
+const CASCADE = .1;
+const Reveals = ({ children, className, classNames, items = [], cascade = CASCADE, duration = DURATION, delay = DELAY, ...props }) => {
+	const renderItems = (items) => items.map((item, index) => /* @__PURE__ */ jsx(Item, {
+		duration,
+		delay: delay + cascade * index,
+		className: cn(item.className, classNames?.item),
+		...props,
+		...item,
+		children: item.children
+	}, index));
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex gap-5", className, classNames?.root),
+		...props,
+		children: renderItems(children ? Children.toArray(children).map((child) => ({ children: child })) : items)
+	});
+};
+Reveals.Item = Item;
+
+//#endregion
+export { CASCADE, DELAY, DURATION, Item, Reveals as default };
+//# sourceMappingURL=Reveals.mjs.map

package/dist/Reveals.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveals.mjs","names":[],"sources":["../src/components/molecules/Reveals/index.tsx"],"sourcesContent":["import { Children } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Item, { type ItemProps } from './Item';\n\ninterface Props extends React.ComponentPropsWithoutRef<'div'>, ItemProps {\n  cascade?: number;\n  classNames?: {\n    root?: string;\n    item?: string;\n  };\n  once?: boolean;\n  items?: ItemProps[];\n}\n\nconst DURATION = 0.6;\nconst DELAY = 0;\nconst CASCADE = 0.1;\n\nconst Reveals = ({\n  children,\n  className,\n  classNames,\n  items = [],\n  cascade = CASCADE,\n  duration = DURATION,\n  delay = DELAY,\n  ...props\n}: Props) => {\n  const renderItems = (items: ItemProps[]) =>\n    items.map((item, index) => (\n      <Item\n        key={index}\n        duration={duration}\n        delay={delay + cascade * index}\n        className={cn(\n          item.className,\n          classNames?.item,\n          //\n        )}\n        {...props}\n        {...item}\n        //\n      >\n        {item.children}\n      </Item>\n    ));\n\n  return (\n    <div\n      className={cn(\n        'flex gap-5',\n        className,\n        classNames?.root,\n        //\n      )}\n      {...props}\n    >\n      {renderItems(\n        children\n          ? Children.toArray(children).map(child => ({\n              children: child,\n            }))\n          : items,\n      )}\n    </div>\n  );\n};\n\nReveals.Item = Item;\n\nexport {\n  Item,\n  type ItemProps,\n  type Props as RevealsProps,\n  DURATION,\n  DELAY,\n  CASCADE,\n};\n\nexport default Reveals;\n"],"mappings":";;;;;;AAgBA,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,UAAU;AAEhB,MAAM,WAAW,EACf,UACA,WACA,YACA,QAAQ,EAAE,EACV,UAAU,SACV,WAAW,UACX,QAAQ,OACR,GAAG,YACQ;CACX,MAAM,eAAe,UACnB,MAAM,KAAK,MAAM,UACf,oBAAC;EAEW;EACV,OAAO,QAAQ,UAAU;EACzB,WAAW,GACT,KAAK,WACL,YAAY,KAEb;EACD,GAAI;EACJ,GAAI;YAGH,KAAK;IAZD,MAaA,CACP;AAEJ,QACE,oBAAC;EACC,WAAW,GACT,cACA,WACA,YAAY,KAEb;EACD,GAAI;YAEH,YACC,WACI,SAAS,QAAQ,SAAS,CAAC,KAAI,WAAU,EACvC,UAAU,OACX,EAAE,GACH,MACL;GACG;;AAIV,QAAQ,OAAO"}

package/dist/Typography.d.mts

@@ -1,2 +1,40 @@
-import { a as Paragraph, i as Text, n as Typography, o as Link, r as Title, t as Props } from "./index-BNAJ1QtH.mjs";
-export { Link, Paragraph, Props, Text, Title, Typography as default };
+import { Link, Props as Props$1 } from "./components/atoms/Typography/Link/index.mjs";
+import { Paragraph, Props as Props$2 } from "./components/atoms/Typography/Paragraph/index.mjs";
+import { Props as Props$3, Text } from "./components/atoms/Typography/Text/index.mjs";
+import { Props as Props$4, Title } from "./components/atoms/Typography/Title/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Typography/index.d.ts
+interface Props extends React.ComponentPropsWithoutRef<'article'> {}
+declare const Typography: {
+  ({
+    children,
+    ...props
+  }: Props): react_jsx_runtime0.JSX.Element;
+  Link: ({
+    children,
+    className,
+    ...props
+  }: Props$1) => react_jsx_runtime0.JSX.Element;
+  Paragraph: ({
+    children,
+    className,
+    ...props
+  }: Props$2) => react_jsx_runtime0.JSX.Element;
+  Text: ({
+    children,
+    underline,
+    strong,
+    className,
+    ...props
+  }: Props$3) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    children,
+    level,
+    className,
+    ...props
+  }: Props$4) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Link, Paragraph, Props, Text, Title, Typography as default };
+//# sourceMappingURL=Typography.d.mts.map

package/dist/Typography.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.mts","names":[],"sources":["../src/components/atoms/Typography/index.tsx"],"mappings":";;;;;;;UAKiB,KAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAE/B,UAAA;EAAA;;;KAAsC,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Typography.mjs

@@ -1,4 +1,21 @@
-import "./utils-1s_37TSX.mjs";
-import { a as Link_default, i as Paragraph_default, n as Title_default, r as Text_default, t as Typography_default } from "./Typography-Dznhj8uL.mjs";
+import Link from "./components/atoms/Typography/Link/index.mjs";
+import Paragraph from "./components/atoms/Typography/Paragraph/index.mjs";
+import Text from "./components/atoms/Typography/Text/index.mjs";
+import Title from "./components/atoms/Typography/Title/index.mjs";
+import { jsx } from "react/jsx-runtime";
 
-export { Link_default as Link, Paragraph_default as Paragraph, Text_default as Text, Title_default as Title, Typography_default as default };
+//#region src/components/atoms/Typography/index.tsx
+const Typography = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx("article", {
+		...props,
+		children
+	});
+};
+Typography.Link = Link;
+Typography.Paragraph = Paragraph;
+Typography.Text = Text;
+Typography.Title = Title;
+
+//#endregion
+export { Link, Paragraph, Text, Title, Typography as default };
+//# sourceMappingURL=Typography.mjs.map

package/dist/Typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.mjs","names":[],"sources":["../src/components/atoms/Typography/index.tsx"],"sourcesContent":["import Link from './Link';\nimport Paragraph from './Paragraph';\nimport Text from './Text';\nimport Title from './Title';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'article'> {}\n\nconst Typography = ({ children, ...props }: Props) => {\n  return <article {...props}>{children}</article>;\n};\n\nTypography.Link = Link;\nTypography.Paragraph = Paragraph;\nTypography.Text = Text;\nTypography.Title = Title;\n\nexport { Link, Paragraph, Text, Title };\n\nexport default Typography;\n"],"mappings":";;;;;;;AAOA,MAAM,cAAc,EAAE,UAAU,GAAG,YAAmB;AACpD,QAAO,oBAAC;EAAQ,GAAI;EAAQ;GAAmB;;AAGjD,WAAW,OAAO;AAClB,WAAW,YAAY;AACvB,WAAW,OAAO;AAClB,WAAW,QAAQ"}

package/dist/{chunk-BWyCjowX.mjs → _virtual/_rolldown/runtime.mjs}

@@ -1,6 +1,6 @@
-//#region rolldown:runtime
+//#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
-var __exportAll = (all, symbols) => {
+var __exportAll = (all, no_symbols) => {
 	let target = {};
 	for (var name in all) {
 		__defProp(target, name, {
@@ -8,11 +8,11 @@ var __exportAll = (all, symbols) => {
 			enumerable: true
 		});
 	}
-	if (symbols) {
+	if (!no_symbols) {
 		__defProp(target, Symbol.toStringTag, { value: "Module" });
 	}
 	return target;
 };
 
 //#endregion
-export { __exportAll as t };
+export { __exportAll };

package/dist/components/atoms/Button/index.d.mts

@@ -0,0 +1,36 @@
+import { Props as Props$1 } from "../../../core/button.mjs";
+import "../../../core.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Button/index.d.ts
+type ButtonProps = Props$1;
+type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
+interface Props extends Omit<ButtonProps, 'size' | 'variant'> {
+  icon?: React.ReactNode;
+  block?: boolean;
+  danger?: boolean;
+  disabled?: boolean;
+  size?: 'small' | 'middle' | 'large';
+  variant?: 'solid' | 'outlined' | 'dashed' | 'filled' | 'text' | 'link';
+  color?: PresetColors | 'default' | 'primary' | 'danger';
+  loading?: boolean | {
+    icon: React.ReactNode;
+  };
+}
+declare const Button: ({
+  icon,
+  className,
+  variant,
+  size,
+  color,
+  block,
+  disabled,
+  loading,
+  danger,
+  children,
+  onMouseDown,
+  ...props
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Button, Props };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/Button/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/Button/index.tsx"],"mappings":";;;;;KAQK,WAAA,GAAc,OAAA;AAAA,KAEd,YAAA;AAAA,UAeY,KAAA,SAAc,IAAA,CAAK,WAAA;EAClC,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,KAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,OAAA;EACA,KAAA,GAAQ,YAAA;EACR,OAAA;IAAsB,IAAA,EAAM,KAAA,CAAM,SAAA;EAAA;AAAA;AAAA,cAoC9B,MAAA;EAAU,IAAA;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,QAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAab,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/Button/index.mjs

@@ -0,0 +1,56 @@
+'use client';
+
+import { cn } from "../../../utils.mjs";
+import { Button as Button$1 } from "../../../core/button.mjs";
+import "../../../core.mjs";
+import { LoaderCircle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/atoms/Button/index.tsx
+const Core = Button$1;
+const variantClasses = {
+	solid: "",
+	outlined: cn("border border-[rgb(var(--btn-border)/0.5)]", "bg-background text-foreground", "hover:bg-accent"),
+	dashed: cn("border border-dashed border-[rgb(var(--btn-border)/0.5)]", "bg-background text-foreground", "hover:bg-accent"),
+	filled: cn("bg-muted text-foreground", "hover:bg-muted/80"),
+	text: cn("bg-transparent text-foreground", "hover:bg-accent"),
+	link: cn("bg-transparent text-primary", "underline-offset-4 hover:underline", "hover:bg-primary/10")
+};
+const sizesClasses = {
+	small: "h-6 px-3 text-sm",
+	middle: "h-8 px-4 text-base",
+	large: "h-10 px-5 text-lg"
+};
+const iconSizes = {
+	small: "size-6",
+	middle: "size-8",
+	large: "size-10"
+};
+const Button = ({ icon, className, variant = "solid", size = "middle", color = "default", block = false, disabled, loading, danger, children, onMouseDown, ...props }) => {
+	const iconOnly = icon && !children;
+	const computedColor = danger ? "danger" : color;
+	const colored = computedColor && computedColor !== "default";
+	const displayIcon = loading ? typeof loading === "object" ? loading.icon : /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin" }) : icon;
+	return /* @__PURE__ */ jsxs(Core, {
+		disabled,
+		variant: "default",
+		"data-color": computedColor,
+		className: cn("inline-flex items-center justify-center gap-x-2", "rounded-lg", "cursor-pointer", "h-auto py-0", "transition-all", variantClasses[variant || "solid"], sizesClasses[size || "middle"], iconOnly && iconSizes[size || "middle"], block && "w-full", colored && (variant === "solid" ? [
+			"bg-(--btn-bg)",
+			"hover:bg-(--btn-bg-hover)",
+			"active:bg-(--btn-bg-active)",
+			"text-(--btn-fg)",
+			"border-(--btn-border)"
+		] : ["text-(--btn-bg)", "border-[rgb(var(--btn-border)/0.5)]"]), className),
+		onMouseDown: (e) => {
+			e.preventDefault();
+			onMouseDown?.(e);
+		},
+		...props,
+		children: [displayIcon, children]
+	});
+};
+
+//#endregion
+export { Button as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/Button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["button.Button"],"sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["'use client';\n\nimport { LoaderCircle } from 'lucide-react';\n\nimport { button } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst Core = button.Button;\ntype ButtonProps = button.Props;\n\ntype PresetColors =\n  | 'blue'\n  | 'purple'\n  | 'cyan'\n  | 'green'\n  | 'magenta'\n  | 'pink'\n  | 'red'\n  | 'orange'\n  | 'yellow'\n  | 'volcano'\n  | 'geekblue'\n  | 'lime'\n  | 'gold';\n\nexport interface Props extends Omit<ButtonProps, 'size' | 'variant'> {\n  icon?: React.ReactNode;\n  block?: boolean;\n  danger?: boolean;\n  disabled?: boolean;\n  size?: 'small' | 'middle' | 'large';\n  variant?: 'solid' | 'outlined' | 'dashed' | 'filled' | 'text' | 'link';\n  color?: PresetColors | 'default' | 'primary' | 'danger';\n  loading?: boolean | { icon: React.ReactNode };\n}\n\nconst variantClasses: Record<string, string> = {\n  solid: '',\n  outlined: cn(\n    'border border-[rgb(var(--btn-border)/0.5)]',\n    'bg-background text-foreground',\n    'hover:bg-accent',\n  ),\n  dashed: cn(\n    'border border-dashed border-[rgb(var(--btn-border)/0.5)]',\n    'bg-background text-foreground',\n    'hover:bg-accent',\n  ),\n  filled: cn('bg-muted text-foreground', 'hover:bg-muted/80'),\n  text: cn('bg-transparent text-foreground', 'hover:bg-accent'),\n  link: cn(\n    'bg-transparent text-primary',\n    'underline-offset-4 hover:underline',\n    'hover:bg-primary/10',\n  ),\n};\n\nconst sizesClasses: Record<string, string> = {\n  small: 'h-6 px-3 text-sm',\n  middle: 'h-8 px-4 text-base',\n  large: 'h-10 px-5 text-lg',\n};\n\nconst iconSizes: Record<string, string> = {\n  small: 'size-6',\n  middle: 'size-8',\n  large: 'size-10',\n};\n\nconst Button = ({\n  icon,\n  className,\n  variant = 'solid',\n  size = 'middle',\n  color = 'default',\n  block = false,\n  disabled,\n  loading,\n  danger,\n  children,\n  onMouseDown,\n  ...props\n}: Props) => {\n  const iconOnly = icon && !children;\n  const computedColor = danger ? 'danger' : color;\n  const colored = computedColor && computedColor !== 'default';\n\n  const displayIcon = loading ? (\n    typeof loading === 'object' ? (\n      loading.icon\n    ) : (\n      <LoaderCircle className=\"animate-spin\" />\n    )\n  ) : (\n    icon\n  );\n\n  return (\n    <Core\n      disabled={disabled}\n      variant=\"default\"\n      data-color={computedColor}\n      className={cn(\n        'inline-flex items-center justify-center gap-x-2',\n        'rounded-lg',\n        'cursor-pointer',\n        'h-auto py-0',\n        'transition-all',\n        variantClasses[variant || 'solid'],\n        sizesClasses[size || 'middle'],\n        iconOnly && iconSizes[size || 'middle'],\n        block && 'w-full',\n        colored &&\n          (variant === 'solid'\n            ? [\n                'bg-(--btn-bg)',\n                'hover:bg-(--btn-bg-hover)',\n                'active:bg-(--btn-bg-active)',\n                'text-(--btn-fg)',\n                'border-(--btn-border)',\n              ]\n            : [\n                'text-(--btn-bg)',\n                'border-[rgb(var(--btn-border)/0.5)]',\n                //\n              ]),\n        className,\n        //\n      )}\n      onMouseDown={e => {\n        e.preventDefault();\n        onMouseDown?.(e);\n      }}\n      {...props}\n    >\n      {displayIcon}\n      {children}\n    </Core>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAOA,MAAM,OAAOA;AA6Bb,MAAM,iBAAyC;CAC7C,OAAO;CACP,UAAU,GACR,8CACA,iCACA,kBACD;CACD,QAAQ,GACN,4DACA,iCACA,kBACD;CACD,QAAQ,GAAG,4BAA4B,oBAAoB;CAC3D,MAAM,GAAG,kCAAkC,kBAAkB;CAC7D,MAAM,GACJ,+BACA,sCACA,sBACD;CACF;AAED,MAAM,eAAuC;CAC3C,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAM,YAAoC;CACxC,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAM,UAAU,EACd,MACA,WACA,UAAU,SACV,OAAO,UACP,QAAQ,WACR,QAAQ,OACR,UACA,SACA,QACA,UACA,aACA,GAAG,YACQ;CACX,MAAM,WAAW,QAAQ,CAAC;CAC1B,MAAM,gBAAgB,SAAS,WAAW;CAC1C,MAAM,UAAU,iBAAiB,kBAAkB;CAEnD,MAAM,cAAc,UAClB,OAAO,YAAY,WACjB,QAAQ,OAER,oBAAC,gBAAa,WAAU,iBAAiB,GAG3C;AAGF,QACE,qBAAC;EACW;EACV,SAAQ;EACR,cAAY;EACZ,WAAW,GACT,mDACA,cACA,kBACA,eACA,kBACA,eAAe,WAAW,UAC1B,aAAa,QAAQ,WACrB,YAAY,UAAU,QAAQ,WAC9B,SAAS,UACT,YACG,YAAY,UACT;GACE;GACA;GACA;GACA;GACA;GACD,GACD,CACE,mBACA,sCAED,GACP,UAED;EACD,cAAa,MAAK;AAChB,KAAE,gBAAgB;AAClB,iBAAc,EAAE;;EAElB,GAAI;aAEH,aACA;GACI"}

package/dist/components/atoms/Checkbox/Group/index.d.mts

@@ -0,0 +1,21 @@
+import { OptionValue } from "../index.mjs";
+import "react/jsx-runtime";
+
+//#region src/components/atoms/Checkbox/Group/index.d.ts
+type Option = {
+  label: string;
+  value: OptionValue;
+};
+type Options = string[] | number[] | boolean[] | Option[];
+interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'value'> {
+  options?: Options;
+  orientation?: 'vertical' | 'horizontal';
+  placement?: 'left' | 'right';
+  classNames?: Record<string, string>;
+  defaultValue?: OptionValue[];
+  value?: OptionValue[];
+  onChange?: (values: OptionValue[]) => void;
+}
+//#endregion
+export { Props };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/Checkbox/Group/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../../src/components/atoms/Checkbox/Group/index.tsx"],"mappings":";;;;KAMK,MAAA;EACH,KAAA;EACA,KAAA,EAAO,WAAA;AAAA;AAAA,KAGJ,OAAA,qCAA4C,MAAA;AAAA,UAEhC,KAAA,SAAc,IAAA,CAC7B,KAAA,CAAM,wBAAA;EAGN,OAAA,GAAU,OAAA;EACV,WAAA;EACA,SAAA;EACA,UAAA,GAAa,MAAA;EACb,YAAA,GAAe,WAAA;EACf,KAAA,GAAQ,WAAA;EACR,QAAA,IAAY,MAAA,EAAQ,WAAA;AAAA"}

package/dist/components/atoms/Checkbox/Group/index.mjs

@@ -0,0 +1,41 @@
+import { cn } from "../../../../utils.mjs";
+import Checkbox from "../index.mjs";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/Checkbox/Group/index.tsx
+const Group = ({ orientation = "vertical", placement = "left", className, classNames = {}, options: _options = [], defaultValue, value: _value, onChange: _onChange = () => {} }) => {
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue || []);
+	const controlled = _value !== void 0;
+	const value = controlled ? _value : uncontrolledValue;
+	const options = _options.map((item) => typeof item === "object" ? item : {
+		label: `${item}`,
+		value: item
+	});
+	const onChange = (checked, optionValue) => {
+		const nextValue = checked ? [...value, optionValue] : value.filter((v) => v !== optionValue);
+		if (!controlled) setUncontrolledValue(nextValue);
+		_onChange(nextValue);
+	};
+	return /* @__PURE__ */ jsx("ul", {
+		className: cn(orientation === "vertical" ? "space-y-2" : "flex gap-2", className),
+		children: options.map((item) => {
+			const checked = value.includes(item.value);
+			return /* @__PURE__ */ jsx("li", {
+				className: cn("flex", classNames?.wrapper),
+				children: /* @__PURE__ */ jsx(Checkbox, {
+					placement,
+					className: cn(classNames?.item),
+					value: item.value,
+					checked,
+					onChange: (checked) => onChange(checked, item.value),
+					children: item.label
+				})
+			}, String(item.value));
+		})
+	});
+};
+
+//#endregion
+export { Group as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/Checkbox/Group/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/atoms/Checkbox/Group/index.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Checkbox, { type OptionValue } from '..';\n\ntype Option = {\n  label: string;\n  value: OptionValue;\n};\n\ntype Options = string[] | number[] | boolean[] | Option[];\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange' | 'defaultValue' | 'value'\n> {\n  options?: Options;\n  orientation?: 'vertical' | 'horizontal';\n  placement?: 'left' | 'right';\n  classNames?: Record<string, string>;\n  defaultValue?: OptionValue[];\n  value?: OptionValue[];\n  onChange?: (values: OptionValue[]) => void;\n}\n\nconst Group = ({\n  orientation = 'vertical',\n  placement = 'left',\n  className,\n  classNames = {},\n  options: _options = [],\n  defaultValue,\n  value: _value,\n  onChange: _onChange = () => {},\n}: Props) => {\n  const [uncontrolledValue, setUncontrolledValue] = useState<OptionValue[]>(\n    defaultValue || [],\n  );\n\n  const controlled = _value !== undefined;\n  const value = controlled ? _value : uncontrolledValue;\n\n  const options: Option[] = _options.map(item =>\n    typeof item === 'object'\n      ? item\n      : {\n          label: `${item}`,\n          value: item,\n        },\n  );\n\n  const onChange = (checked: boolean, optionValue: OptionValue) => {\n    const nextValue = checked\n      ? [...value, optionValue]\n      : value.filter(v => v !== optionValue);\n\n    if (!controlled) {\n      setUncontrolledValue(nextValue);\n    }\n    _onChange(nextValue);\n  };\n\n  return (\n    <ul\n      className={cn(\n        orientation === 'vertical' ? 'space-y-2' : 'flex gap-2',\n        className,\n      )}\n    >\n      {options.map((item: Option) => {\n        const checked = value.includes(item.value);\n\n        return (\n          <li\n            key={String(item.value)}\n            className={cn('flex', classNames?.wrapper)}\n          >\n            <Checkbox\n              placement={placement}\n              className={cn(classNames?.item)}\n              value={item.value}\n              checked={checked}\n              onChange={checked => onChange(checked, item.value)}\n            >\n              {item.label}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nexport default Group;\n"],"mappings":";;;;;;AA0BA,MAAM,SAAS,EACb,cAAc,YACd,YAAY,QACZ,WACA,aAAa,EAAE,EACf,SAAS,WAAW,EAAE,EACtB,cACA,OAAO,QACP,UAAU,kBAAkB,SACjB;CACX,MAAM,CAAC,mBAAmB,wBAAwB,SAChD,gBAAgB,EAAE,CACnB;CAED,MAAM,aAAa,WAAW;CAC9B,MAAM,QAAQ,aAAa,SAAS;CAEpC,MAAM,UAAoB,SAAS,KAAI,SACrC,OAAO,SAAS,WACZ,OACA;EACE,OAAO,GAAG;EACV,OAAO;EACR,CACN;CAED,MAAM,YAAY,SAAkB,gBAA6B;EAC/D,MAAM,YAAY,UACd,CAAC,GAAG,OAAO,YAAY,GACvB,MAAM,QAAO,MAAK,MAAM,YAAY;AAExC,MAAI,CAAC,WACH,sBAAqB,UAAU;AAEjC,YAAU,UAAU;;AAGtB,QACE,oBAAC;EACC,WAAW,GACT,gBAAgB,aAAa,cAAc,cAC3C,UACD;YAEA,QAAQ,KAAK,SAAiB;GAC7B,MAAM,UAAU,MAAM,SAAS,KAAK,MAAM;AAE1C,UACE,oBAAC;IAEC,WAAW,GAAG,QAAQ,YAAY,QAAQ;cAE1C,oBAAC;KACY;KACX,WAAW,GAAG,YAAY,KAAK;KAC/B,OAAO,KAAK;KACH;KACT,WAAU,YAAW,SAAS,SAAS,KAAK,MAAM;eAEjD,KAAK;MACG;MAXN,OAAO,KAAK,MAAM,CAYpB;IAEP;GACC"}

package/dist/components/atoms/Checkbox/index.d.mts

@@ -0,0 +1,45 @@
+import { Props as Props$1 } from "./Group/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Checkbox/index.d.ts
+type OptionValue = string | number | boolean;
+interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
+  placement?: 'left' | 'right';
+  defaultChecked?: boolean;
+  checked?: boolean;
+  value?: OptionValue;
+  disabled?: boolean;
+  icons?: {
+    checked: React.ReactNode;
+    unchecked: React.ReactNode;
+  };
+  children?: React.ReactNode;
+  onChange?: (checked: boolean) => void;
+}
+declare const Checkbox: {
+  ({
+    placement,
+    value,
+    children,
+    className,
+    icons,
+    disabled,
+    defaultChecked,
+    checked: _checked,
+    onChange: _onChange,
+    ...props
+  }: Props): react_jsx_runtime0.JSX.Element;
+  Group: ({
+    orientation,
+    placement,
+    className,
+    classNames,
+    options: _options,
+    defaultValue,
+    value: _value,
+    onChange: _onChange
+  }: Props$1) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Checkbox, OptionValue };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/Checkbox/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/Checkbox/index.tsx"],"mappings":";;;;KAcY,WAAA;AAAA,UAEK,KAAA,SAAc,IAAA,CAC7B,KAAA,CAAM,wBAAA;EAGN,SAAA;EACA,cAAA;EACA,OAAA;EACA,KAAA,GAAQ,WAAA;EACR,QAAA;EACA,KAAA;IAAU,OAAA,EAAS,KAAA,CAAM,SAAA;IAAW,SAAA,EAAW,KAAA,CAAM,SAAA;EAAA;EACrD,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,QAAA,IAAY,OAAA;AAAA;AAAA,cAGR,QAAA;EAAA;;;;;;;;;;;KAWH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}