@jbpark/ui-kit 2.3.2 → 2.3.4

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

@@ -0,0 +1,70 @@
+'use client';
+
+import { cn } from "../../../utils.mjs";
+import { checkbox_exports } from "../../../core/checkbox.mjs";
+import { label_exports } from "../../../core/label.mjs";
+import "../../../core.mjs";
+import Group from "./Group/index.mjs";
+import { Square, SquareCheck } from "lucide-react";
+import { useId, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/atoms/Checkbox/index.tsx
+const { Checkbox: CoreCheckbox } = checkbox_exports;
+const { Label: CoreLabel } = label_exports;
+const Checkbox = ({ placement = "left", value = "", children, className, icons, disabled, defaultChecked, checked: _checked, onChange: _onChange = () => {}, ...props }) => {
+	const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked || false);
+	const reactId = useId();
+	const id = typeof value === "boolean" || !value ? reactId : String(value);
+	const controlled = _checked !== void 0;
+	const checked = controlled ? _checked : uncontrolledChecked;
+	const cursorClassName = disabled ? "cursor-not-allowed" : "cursor-pointer";
+	const onChange = (next) => {
+		if (disabled) return;
+		if (!controlled) setUncontrolledChecked(next);
+		_onChange(next);
+	};
+	const renderContent = icons ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("input", {
+			id,
+			hidden: true,
+			type: "checkbox",
+			checked,
+			onChange: (e) => {
+				onChange(e.target.checked);
+			}
+		}),
+		/* @__PURE__ */ jsx("span", {
+			className: cn(cursorClassName, disabled && "opacity-50"),
+			onClick: () => {
+				document.getElementById(id)?.click();
+			},
+			children: checked ? icons.checked ?? /* @__PURE__ */ jsx(SquareCheck, {}) : icons.unchecked ?? /* @__PURE__ */ jsx(Square, {})
+		}),
+		children && /* @__PURE__ */ jsx("label", {
+			className: cn(cursorClassName, disabled && "opacity-50"),
+			htmlFor: id,
+			children
+		})
+	] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CoreCheckbox, {
+		id,
+		checked,
+		disabled,
+		className: cn(cursorClassName),
+		onCheckedChange: onChange
+	}), children && /* @__PURE__ */ jsx(CoreLabel, {
+		htmlFor: id,
+		className: cn(cursorClassName, "text-left"),
+		children
+	})] });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center gap-x-2", placement === "right" && "flex-row-reverse", cursorClassName, className),
+		...props,
+		children: renderContent
+	});
+};
+Checkbox.Group = Group;
+
+//#endregion
+export { Checkbox as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["checkbox","label"],"sources":["../../../../src/components/atoms/Checkbox/index.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useState } from 'react';\n\nimport { Square, SquareCheck } from 'lucide-react';\n\nimport { checkbox, label } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport Group from './Group';\n\nconst { Checkbox: CoreCheckbox } = checkbox;\nconst { Label: CoreLabel } = label;\n\nexport type OptionValue = string | number | boolean;\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange'\n> {\n  placement?: 'left' | 'right';\n  defaultChecked?: boolean;\n  checked?: boolean;\n  value?: OptionValue;\n  disabled?: boolean;\n  icons?: { checked: React.ReactNode; unchecked: React.ReactNode };\n  children?: React.ReactNode;\n  onChange?: (checked: boolean) => void;\n}\n\nconst Checkbox = ({\n  placement = 'left',\n  value = '',\n  children,\n  className,\n  icons,\n  disabled,\n  defaultChecked,\n  checked: _checked,\n  onChange: _onChange = () => {},\n  ...props\n}: Props) => {\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<boolean>(\n    defaultChecked || false,\n  );\n\n  const reactId = useId();\n\n  const id = typeof value === 'boolean' || !value ? reactId : String(value);\n  const controlled = _checked !== undefined;\n  const checked = controlled ? _checked : uncontrolledChecked;\n\n  const cursorClassName = disabled ? 'cursor-not-allowed' : 'cursor-pointer';\n\n  const onChange = (next: boolean) => {\n    if (disabled) {\n      return;\n    }\n\n    if (!controlled) {\n      setUncontrolledChecked(next);\n    }\n    _onChange(next);\n  };\n\n  const renderContent = icons ? (\n    <>\n      <input\n        id={id}\n        hidden\n        type=\"checkbox\"\n        checked={checked}\n        onChange={e => {\n          onChange(e.target.checked);\n        }}\n      />\n      <span\n        className={cn(cursorClassName, disabled && 'opacity-50')}\n        onClick={() => {\n          document.getElementById(id)?.click();\n        }}\n      >\n        {checked\n          ? (icons.checked ?? <SquareCheck />)\n          : (icons.unchecked ?? <Square />)}\n      </span>\n      {children && (\n        <label\n          className={cn(cursorClassName, disabled && 'opacity-50')}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      )}\n    </>\n  ) : (\n    <>\n      <CoreCheckbox\n        id={id}\n        checked={checked}\n        disabled={disabled}\n        className={cn(cursorClassName)}\n        onCheckedChange={onChange}\n      />\n      {children && (\n        <CoreLabel htmlFor={id} className={cn(cursorClassName, 'text-left')}>\n          {children}\n        </CoreLabel>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-x-2',\n        placement === 'right' && 'flex-row-reverse',\n        cursorClassName,\n        className,\n        //\n      )}\n      {...props}\n    >\n      {renderContent}\n    </div>\n  );\n};\n\nCheckbox.Group = Group;\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,EAAE,UAAU,iBAAiBA;AACnC,MAAM,EAAE,OAAO,cAAcC;AAkB7B,MAAM,YAAY,EAChB,YAAY,QACZ,QAAQ,IACR,UACA,WACA,OACA,UACA,gBACA,SAAS,UACT,UAAU,kBAAkB,IAC5B,GAAG,YACQ;CACX,MAAM,CAAC,qBAAqB,0BAA0B,SACpD,kBAAkB,MACnB;CAED,MAAM,UAAU,OAAO;CAEvB,MAAM,KAAK,OAAO,UAAU,aAAa,CAAC,QAAQ,UAAU,OAAO,MAAM;CACzE,MAAM,aAAa,aAAa;CAChC,MAAM,UAAU,aAAa,WAAW;CAExC,MAAM,kBAAkB,WAAW,uBAAuB;CAE1D,MAAM,YAAY,SAAkB;AAClC,MAAI,SACF;AAGF,MAAI,CAAC,WACH,wBAAuB,KAAK;AAE9B,YAAU,KAAK;;CAGjB,MAAM,gBAAgB,QACpB;EACE,oBAAC;GACK;GACJ;GACA,MAAK;GACI;GACT,WAAU,MAAK;AACb,aAAS,EAAE,OAAO,QAAQ;;IAE5B;EACF,oBAAC;GACC,WAAW,GAAG,iBAAiB,YAAY,aAAa;GACxD,eAAe;AACb,aAAS,eAAe,GAAG,EAAE,OAAO;;aAGrC,UACI,MAAM,WAAW,oBAAC,gBAAc,GAChC,MAAM,aAAa,oBAAC,WAAS;IAC7B;EACN,YACC,oBAAC;GACC,WAAW,GAAG,iBAAiB,YAAY,aAAa;GACxD,SAAS;GAER;IACK;KAET,GAEH,4CACE,oBAAC;EACK;EACK;EACC;EACV,WAAW,GAAG,gBAAgB;EAC9B,iBAAiB;GACjB,EACD,YACC,oBAAC;EAAU,SAAS;EAAI,WAAW,GAAG,iBAAiB,YAAY;EAChE;GACS,IAEb;AAGL,QACE,oBAAC;EACC,WAAW,GACT,6BACA,cAAc,WAAW,oBACzB,iBACA,UAED;EACD,GAAI;YAEH;GACG;;AAIV,SAAS,QAAQ"}

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/ColorPicker/index.d.ts
+interface Props {
+  defaultValue?: string;
+  value?: string;
+  showText?: boolean;
+  onChange?: (color: string) => void;
+}
+declare const ColorPicker: ({
+  defaultValue,
+  value: _value,
+  showText,
+  onChange: _onChange
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ColorPicker };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/ColorPicker/index.tsx"],"mappings":";;;UASU,KAAA;EACR,YAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA,IAAY,KAAA;AAAA;AAAA,cAGR,WAAA;EAAe,YAAA;EAAA,KAAA,EAAA,MAAA;EAAA,QAAA;EAAA,QAAA,EAAA;AAAA,GAKlB,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,39 @@
+'use client';
+
+import { cn } from "../../../utils.mjs";
+import Popover from "../Popover/index.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HexColorPicker } from "react-colorful";
+
+//#region src/components/atoms/ColorPicker/index.tsx
+const ColorPicker = ({ defaultValue, value: _value, showText, onChange: _onChange = () => {} }) => {
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue || "#fff");
+	const controlled = _value !== void 0;
+	const value = controlled ? _value : uncontrolledValue;
+	const onChange = (color) => {
+		if (!controlled) setUncontrolledValue(color);
+		_onChange(color);
+	};
+	return /* @__PURE__ */ jsx(Popover, {
+		placement: "bottomLeft",
+		content: /* @__PURE__ */ jsx(HexColorPicker, {
+			color: value,
+			onChange
+		}),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("inline-flex items-center", "rounded border p-0.5"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: cn("size-6 cursor-pointer rounded border", "shadow-sm"),
+				style: { backgroundColor: value }
+			}), showText && /* @__PURE__ */ jsx("span", {
+				className: "px-1 font-mono text-sm font-medium",
+				children: value.toUpperCase()
+			})]
+		})
+	});
+};
+
+//#endregion
+export { ColorPicker as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/atoms/ColorPicker/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { HexColorPicker } from 'react-colorful';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Popover from '../Popover';\n\ninterface Props {\n  defaultValue?: string;\n  value?: string;\n  showText?: boolean;\n  onChange?: (color: string) => void;\n}\n\nconst ColorPicker = ({\n  defaultValue,\n  value: _value,\n  showText,\n  onChange: _onChange = () => {},\n}: Props) => {\n  const [uncontrolledValue, setUncontrolledValue] = useState<string>(\n    defaultValue || '#fff',\n  );\n\n  const controlled = _value !== undefined;\n  const value = controlled ? _value : uncontrolledValue;\n\n  const onChange = (color: string) => {\n    if (!controlled) {\n      setUncontrolledValue(color);\n    }\n    _onChange(color);\n  };\n\n  return (\n    <Popover\n      placement=\"bottomLeft\"\n      content={<HexColorPicker color={value} onChange={onChange} />}\n    >\n      <div\n        className={cn(\n          'inline-flex items-center',\n          'rounded border p-0.5',\n          //\n        )}\n      >\n        <div\n          className={cn(\n            'size-6 cursor-pointer rounded border',\n            'shadow-sm',\n            //\n          )}\n          style={{ backgroundColor: value }}\n        />\n        {showText && (\n          <span className=\"px-1 font-mono text-sm font-medium\">\n            {value.toUpperCase()}\n          </span>\n        )}\n      </div>\n    </Popover>\n  );\n};\n\nexport default ColorPicker;\n"],"mappings":";;;;;;;;;AAgBA,MAAM,eAAe,EACnB,cACA,OAAO,QACP,UACA,UAAU,kBAAkB,SACjB;CACX,MAAM,CAAC,mBAAmB,wBAAwB,SAChD,gBAAgB,OACjB;CAED,MAAM,aAAa,WAAW;CAC9B,MAAM,QAAQ,aAAa,SAAS;CAEpC,MAAM,YAAY,UAAkB;AAClC,MAAI,CAAC,WACH,sBAAqB,MAAM;AAE7B,YAAU,MAAM;;AAGlB,QACE,oBAAC;EACC,WAAU;EACV,SAAS,oBAAC;GAAe,OAAO;GAAiB;IAAY;YAE7D,qBAAC;GACC,WAAW,GACT,4BACA,uBAED;cAED,oBAAC;IACC,WAAW,GACT,wCACA,YAED;IACD,OAAO,EAAE,iBAAiB,OAAO;KACjC,EACD,YACC,oBAAC;IAAK,WAAU;cACb,MAAM,aAAa;KACf;IAEL;GACE"}

package/dist/components/atoms/FloatButton/BackTop/index.d.mts

@@ -0,0 +1,12 @@
+import { Props as Props$1 } from "../../Button/index.mjs";
+import { MouseEvent } from "react";
+import "react/jsx-runtime";
+
+//#region src/components/atoms/FloatButton/BackTop/index.d.ts
+interface Props extends Props$1 {
+  visibilityHeight?: number;
+  onClick?: (e: MouseEvent<HTMLElement>) => void;
+}
+//#endregion
+export { Props };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/FloatButton/BackTop/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../../src/components/atoms/FloatButton/BackTop/index.tsx"],"mappings":";;;;;UAUiB,KAAA,SAAc,OAAA;EAC7B,gBAAA;EACA,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,WAAA;AAAA"}

package/dist/components/atoms/FloatButton/BackTop/index.mjs

@@ -0,0 +1,27 @@
+import { cn } from "../../../../utils.mjs";
+import FloatButton from "../index.mjs";
+import { ArrowUp } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { useWindowScroll } from "@uidotdev/usehooks";
+
+//#region src/components/atoms/FloatButton/BackTop/index.tsx
+const BackTop = ({ visibilityHeight = 450, className, onClick, ...props }) => {
+	const [{ y }, scrollTo] = useWindowScroll();
+	return /* @__PURE__ */ jsx(FloatButton, {
+		icon: /* @__PURE__ */ jsx(ArrowUp, {}),
+		className: cn(className, (!y || visibilityHeight > y) && "hidden"),
+		onClick: (e) => {
+			scrollTo({
+				left: 0,
+				top: 0,
+				behavior: "smooth"
+			});
+			onClick?.(e);
+		},
+		...props
+	});
+};
+
+//#endregion
+export { BackTop as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/FloatButton/BackTop/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/atoms/FloatButton/BackTop/index.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport { useWindowScroll } from '@uidotdev/usehooks';\nimport { ArrowUp } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport FloatButton from '..';\nimport { type Props as ButtonProps } from '../../Button';\n\nexport interface Props extends ButtonProps {\n  visibilityHeight?: number;\n  onClick?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nconst BackTop = ({\n  visibilityHeight = 450,\n  className,\n  onClick,\n  ...props\n}: Props) => {\n  const [{ y }, scrollTo] = useWindowScroll();\n\n  return (\n    <FloatButton\n      icon={<ArrowUp />}\n      className={cn(\n        className,\n        (!y || visibilityHeight > y) && 'hidden',\n        //\n      )}\n      onClick={e => {\n        scrollTo({ left: 0, top: 0, behavior: 'smooth' });\n        onClick?.(e);\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default BackTop;\n"],"mappings":";;;;;;;AAeA,MAAM,WAAW,EACf,mBAAmB,KACnB,WACA,SACA,GAAG,YACQ;CACX,MAAM,CAAC,EAAE,KAAK,YAAY,iBAAiB;AAE3C,QACE,oBAAC;EACC,MAAM,oBAAC,YAAU;EACjB,WAAW,GACT,YACC,CAAC,KAAK,mBAAmB,MAAM,SAEjC;EACD,UAAS,MAAK;AACZ,YAAS;IAAE,MAAM;IAAG,KAAK;IAAG,UAAU;IAAU,CAAC;AACjD,aAAU,EAAE;;EAEd,GAAI;GACJ"}

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

@@ -0,0 +1,22 @@
+import { Props as Props$1 } from "../Button/index.mjs";
+import { Props as Props$2 } from "./BackTop/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/FloatButton/index.d.ts
+interface Props extends Props$1 {}
+declare const FloatButton: {
+  ({
+    className,
+    children,
+    ...props
+  }: Props): react_jsx_runtime0.JSX.Element;
+  BackTop: ({
+    visibilityHeight,
+    className,
+    onClick,
+    ...props
+  }: Props$2) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { FloatButton };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/FloatButton/index.tsx"],"mappings":";;;;;UAKiB,KAAA,SAAc,OAAA;AAAA,cAEzB,WAAA;EAAA;;;;KAAkD,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,19 @@
+import { cn } from "../../../utils.mjs";
+import Button from "../Button/index.mjs";
+import BackTop from "./BackTop/index.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/FloatButton/index.tsx
+const FloatButton = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		className: cn("fixed right-5 bottom-5 rounded-full", "bg-white hover:bg-white", "z-50 h-12 w-12", "shadow-md", className),
+		variant: "outlined",
+		...props,
+		children
+	});
+};
+FloatButton.BackTop = BackTop;
+
+//#endregion
+export { FloatButton as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/atoms/FloatButton/index.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport Button, { Props as ButtonProps } from '../Button';\nimport BackTop from './BackTop';\n\nexport interface Props extends ButtonProps {}\n\nconst FloatButton = ({ className, children, ...props }: Props) => {\n  return (\n    <Button\n      className={cn(\n        'fixed right-5 bottom-5 rounded-full',\n        'bg-white hover:bg-white',\n        'z-50 h-12 w-12',\n        'shadow-md',\n        className,\n      )}\n      variant=\"outlined\"\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n};\n\nFloatButton.BackTop = BackTop;\n\nexport default FloatButton;\n"],"mappings":";;;;;;AAOA,MAAM,eAAe,EAAE,WAAW,UAAU,GAAG,YAAmB;AAChE,QACE,oBAAC;EACC,WAAW,GACT,uCACA,2BACA,kBACA,aACA,UACD;EACD,SAAQ;EACR,GAAI;EAEH;GACM;;AAIb,YAAY,UAAU"}

package/dist/components/atoms/Input/Search/index.d.mts

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+
+//#region src/components/atoms/Input/Search/index.d.ts
+interface Props extends React.ComponentPropsWithRef<'input'> {
+  allowClear?: boolean;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement> | {
+    target: {
+      value: string;
+    };
+  }) => void;
+  onSearch?: (value: string) => void;
+}
+//#endregion
+export { Props };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/Input/Search/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../../src/components/atoms/Input/Search/index.tsx"],"mappings":";;;UAaiB,KAAA,SAAc,KAAA,CAAM,qBAAA;EACnC,UAAA;EACA,QAAA,IACE,CAAA,EAAG,KAAA,CAAM,WAAA,CAAY,gBAAA;IAAsB,MAAA;MAAU,KAAA;IAAA;EAAA;EAEvD,QAAA,IAAY,KAAA;AAAA"}

package/dist/components/atoms/Input/Search/index.mjs

@@ -0,0 +1,57 @@
+'use client';
+
+import { cn } from "../../../../utils.mjs";
+import { input_exports } from "../../../../core/input.mjs";
+import "../../../../core.mjs";
+import Button from "../../Button/index.mjs";
+import { CircleX, Search } from "lucide-react";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/atoms/Input/Search/index.tsx
+const { Input: Core } = input_exports;
+const Search$1 = ({ ref, className, defaultValue, value, allowClear = true, onChange, onSearch: _onSearch, ...props }) => {
+	const internalRef = useRef(null);
+	const inputRef = ref || internalRef;
+	const onClear = () => {
+		if (inputRef.current) {
+			inputRef.current.value = "";
+			onChange?.({ target: { value: "" } });
+		}
+	};
+	const onSearch = () => {
+		if (inputRef.current) _onSearch?.(inputRef.current.value);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center", "rounded-md", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("relative grow", "inline-flex items-center"),
+			children: [/* @__PURE__ */ jsx(Core, {
+				ref: inputRef,
+				inputMode: "search",
+				type: "search",
+				enterKeyHint: "search",
+				className: cn("rounded-r-none", "[&::-webkit-search-cancel-button]:hidden", "[&::-webkit-search-decoration]:hidden"),
+				value,
+				defaultValue,
+				onChange,
+				onKeyDown: (e) => {
+					if (e.key === "Enter") onSearch();
+				},
+				...props
+			}), /* @__PURE__ */ jsx(CircleX, {
+				className: cn("absolute right-2 size-4", "shrink-0 cursor-pointer", (!allowClear || value !== void 0 && !value) && "hidden"),
+				onClick: onClear
+			})]
+		}), /* @__PURE__ */ jsx(Button, {
+			icon: /* @__PURE__ */ jsx(Search, {}),
+			className: cn("rounded-l-none", "size-9"),
+			onClick: onSearch
+		})]
+	});
+};
+Search$1.displayName = "Search";
+
+//#endregion
+export { Search$1 as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/Input/Search/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["input","Search","SearchOutlined"],"sources":["../../../../../src/components/atoms/Input/Search/index.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\n\nimport { CircleX, Search as SearchOutlined } from 'lucide-react';\n\nimport { input } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../../Button';\n\nconst { Input: Core } = input;\n\nexport interface Props extends React.ComponentPropsWithRef<'input'> {\n  allowClear?: boolean;\n  onChange?: (\n    e: React.ChangeEvent<HTMLInputElement> | { target: { value: string } },\n  ) => void;\n  onSearch?: (value: string) => void;\n}\n\nconst Search = ({\n  ref,\n  className,\n  defaultValue,\n  value,\n  allowClear = true,\n  onChange,\n  onSearch: _onSearch,\n  ...props\n}: Props) => {\n  const internalRef = useRef<HTMLInputElement>(null);\n  const inputRef = (ref as React.RefObject<HTMLInputElement>) || internalRef;\n\n  const onClear = () => {\n    if (inputRef.current) {\n      inputRef.current.value = '';\n\n      const event = {\n        target: { value: '' },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(event);\n    }\n  };\n\n  const onSearch = () => {\n    if (inputRef.current) {\n      _onSearch?.(inputRef.current.value);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        'flex items-center',\n        'rounded-md',\n        className,\n        //\n      )}\n    >\n      <div\n        className={cn(\n          'relative grow',\n          'inline-flex items-center',\n          //\n        )}\n      >\n        <Core\n          ref={inputRef}\n          inputMode=\"search\"\n          type=\"search\"\n          enterKeyHint=\"search\"\n          className={cn(\n            'rounded-r-none',\n            '[&::-webkit-search-cancel-button]:hidden',\n            '[&::-webkit-search-decoration]:hidden',\n            //\n          )}\n          value={value}\n          defaultValue={defaultValue}\n          onChange={onChange}\n          onKeyDown={e => {\n            if (e.key === 'Enter') {\n              onSearch();\n            }\n          }}\n          {...props}\n        />\n        <CircleX\n          className={cn(\n            'absolute right-2 size-4',\n            'shrink-0 cursor-pointer',\n            (!allowClear || (value !== undefined && !value)) && 'hidden',\n          )}\n          onClick={onClear}\n        />\n      </div>\n      <Button\n        icon={<SearchOutlined />}\n        className={cn(\n          'rounded-l-none',\n          'size-9',\n          //\n        )}\n        onClick={onSearch}\n      />\n    </div>\n  );\n};\n\nSearch.displayName = 'Search';\n\nexport default Search;\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,EAAE,OAAO,SAASA;AAUxB,MAAMC,YAAU,EACd,KACA,WACA,cACA,OACA,aAAa,MACb,UACA,UAAU,WACV,GAAG,YACQ;CACX,MAAM,cAAc,OAAyB,KAAK;CAClD,MAAM,WAAY,OAA6C;CAE/D,MAAM,gBAAgB;AACpB,MAAI,SAAS,SAAS;AACpB,YAAS,QAAQ,QAAQ;AAKzB,cAHc,EACZ,QAAQ,EAAE,OAAO,IAAI,EACtB,CACgB;;;CAIrB,MAAM,iBAAiB;AACrB,MAAI,SAAS,QACX,aAAY,SAAS,QAAQ,MAAM;;AAIvC,QACE,qBAAC;EACC,WAAW,GACT,qBACA,cACA,UAED;aAED,qBAAC;GACC,WAAW,GACT,iBACA,2BAED;cAED,oBAAC;IACC,KAAK;IACL,WAAU;IACV,MAAK;IACL,cAAa;IACb,WAAW,GACT,kBACA,4CACA,wCAED;IACM;IACO;IACJ;IACV,YAAW,MAAK;AACd,SAAI,EAAE,QAAQ,QACZ,WAAU;;IAGd,GAAI;KACJ,EACF,oBAAC;IACC,WAAW,GACT,2BACA,4BACC,CAAC,cAAe,UAAU,UAAa,CAAC,UAAW,SACrD;IACD,SAAS;KACT;IACE,EACN,oBAAC;GACC,MAAM,oBAACC,WAAiB;GACxB,WAAW,GACT,kBACA,SAED;GACD,SAAS;IACT;GACE;;AAIV,SAAO,cAAc"}

package/dist/components/atoms/Input/TextArea/index.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/components/atoms/Input/TextArea/index.mjs

@@ -0,0 +1,18 @@
+import { cn } from "../../../../utils.mjs";
+import { textarea_exports } from "../../../../core/textarea.mjs";
+import "../../../../core.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/Input/TextArea/index.tsx
+const { Textarea: Core } = textarea_exports;
+const TextArea = ({ className, ref, ...props }) => {
+	return /* @__PURE__ */ jsx(Core, {
+		ref,
+		className: cn(className),
+		...props
+	});
+};
+
+//#endregion
+export { TextArea as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/Input/TextArea/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["textarea"],"sources":["../../../../../src/components/atoms/Input/TextArea/index.tsx"],"sourcesContent":["import { textarea } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst { Textarea: Core } = textarea;\n\nconst TextArea = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<'textarea'>) => {\n  return (\n    <Core\n      ref={ref}\n      className={cn(\n        className,\n        //\n      )}\n      {...props}\n    />\n  );\n};\n\nexport default TextArea;\n"],"mappings":";;;;;;AAGA,MAAM,EAAE,UAAU,SAASA;AAE3B,MAAM,YAAY,EAChB,WACA,KACA,GAAG,YAC0C;AAC7C,QACE,oBAAC;EACM;EACL,WAAW,GACT,UAED;EACD,GAAI;GACJ"}

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

@@ -0,0 +1,31 @@
+import { Props } from "./Search/index.mjs";
+import "./TextArea/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Input/index.d.ts
+declare const Input: {
+  ({
+    ...props
+  }: React.ComponentPropsWithoutRef<"input">): react_jsx_runtime0.JSX.Element;
+  Search: {
+    ({
+      ref,
+      className,
+      defaultValue,
+      value,
+      allowClear,
+      onChange,
+      onSearch: _onSearch,
+      ...props
+    }: Props): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  TextArea: ({
+    className,
+    ref,
+    ...props
+  }: React.ComponentPropsWithRef<"textarea">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Input };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/Input/index.tsx"],"mappings":";;;;;cAOM,KAAA;EAAA;IAAA;KAAuB,KAAA,CAAM,wBAAA,YAAiC,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,17 @@
+import { input_exports } from "../../../core/input.mjs";
+import "../../../core.mjs";
+import Search from "./Search/index.mjs";
+import TextArea from "./TextArea/index.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/Input/index.tsx
+const { Input: Core } = input_exports;
+const Input = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Core, { ...props });
+};
+Input.Search = Search;
+Input.TextArea = TextArea;
+
+//#endregion
+export { Input as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["input"],"sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":["import { input } from '@repo/ui/core';\n\nimport Search from './Search';\nimport TextArea from './TextArea';\n\nconst { Input: Core } = input;\n\nconst Input = ({ ...props }: React.ComponentPropsWithoutRef<'input'>) => {\n  return <Core {...props} />;\n};\n\nInput.Search = Search;\nInput.TextArea = TextArea;\n\nexport { Search, TextArea };\n\nexport default Input;\n"],"mappings":";;;;;;;AAKA,MAAM,EAAE,OAAO,SAASA;AAExB,MAAM,SAAS,EAAE,GAAG,YAAqD;AACvE,QAAO,oBAAC,QAAK,GAAI,QAAS;;AAG5B,MAAM,SAAS;AACf,MAAM,WAAW"}

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Popover/index.d.ts
+type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'content'> {
+  title?: React.ReactNode;
+  placement?: Placement;
+  content: React.ReactNode;
+}
+declare const Popover: ({
+  title,
+  placement,
+  className,
+  content,
+  children
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Popover };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/Popover/index.tsx"],"mappings":";;;KAOK,SAAA;AAAA,UAcK,KAAA,SAAc,IAAA,CACtB,KAAA,CAAM,wBAAA;EAGN,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,SAAA,GAAY,SAAA;EACZ,OAAA,EAAS,KAAA,CAAM,SAAA;AAAA;AAAA,cAkNX,OAAA;EAAW,KAAA;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,GAMd,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}