@plitzi/plitzi-ui 1.6.2

package/dist/components/Select2/ListGroup.js

@@ -0,0 +1,32 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import n from "./ListItem.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "clsx";
+//#region src/components/Select2/ListGroup.tsx
+var o = ({ className: o, options: s, icon: c, label: l = "", value: u = "", allowRemoveOptions: d = !1, size: f, onChange: p, onRemove: m }) => {
+	let h = e("Select2", {
+		className: o,
+		componentKey: ["listGroup", "listGroupLabel"],
+		variants: { size: f }
+	});
+	return /* @__PURE__ */ i(t, {
+		direction: "column",
+		className: a("select2__list-group", h.listGroup),
+		children: [/* @__PURE__ */ i("div", {
+			className: h.listGroupLabel,
+			children: [c, l]
+		}), s && s.map((e, t) => /* @__PURE__ */ r(n, {
+			label: e.label,
+			value: e.value,
+			isSelected: u === e.value,
+			option: e,
+			size: f,
+			allowRemoveOptions: d,
+			onChange: p,
+			onRemove: m
+		}, t))]
+	});
+};
+//#endregion
+export { o as default };

package/dist/components/Select2/ListItem.d.ts

@@ -0,0 +1,19 @@
+import { Option, OptionGroup } from './Select2';
+import { default as Select2Styles, variantKeys } from './Select2.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode } from 'react';
+export type ListItemProps = {
+    className?: string;
+    label?: string;
+    icon?: ReactNode;
+    value?: string;
+    prefix?: string;
+    suffix?: string;
+    option?: Exclude<Option, OptionGroup>;
+    isSelected?: boolean;
+    allowRemoveOptions?: boolean;
+    onChange?: (newValue?: Exclude<Option, OptionGroup>) => void;
+    onRemove?: (value: Exclude<Option, OptionGroup>) => void;
+} & useThemeSharedProps<typeof Select2Styles, typeof variantKeys>;
+declare const ListItem: ({ className, label, icon, value, prefix, suffix, option, isSelected, allowRemoveOptions, size, onChange, onRemove }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ListItem;

package/dist/components/Select2/ListItem.js

@@ -0,0 +1,60 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Icon/index.js";
+import { useCallback as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "clsx";
+//#region src/components/Select2/ListItem.tsx
+var s = ({ className: s = "", label: c = "", icon: l, value: u = "", prefix: d = "", suffix: f = "", option: p, isSelected: m = !1, allowRemoveOptions: h = !1, size: g, onChange: _, onRemove: v }) => {
+	let y = e("Select2", {
+		className: s,
+		componentKey: [
+			"listItem",
+			"listItemLabelContainer",
+			"listItemIcon"
+		],
+		variants: {
+			size: g,
+			selected: m
+		}
+	}), b = n((e) => {
+		if (e.stopPropagation(), e.preventDefault(), p) {
+			_?.(p);
+			return;
+		}
+		_?.({
+			label: c,
+			value: u
+		});
+	}, [
+		p,
+		_,
+		c,
+		u
+	]), x = n((e) => {
+		e.stopPropagation(), e.preventDefault(), p && v?.(p);
+	}, [v, p]), S = r(() => {
+		let e = [];
+		return d && e.push(d), c && e.push(c), f && e.push(f), e.join(" ");
+	}, [
+		c,
+		d,
+		f
+	]);
+	return /* @__PURE__ */ a("div", {
+		"data-value": u,
+		className: o("select2__list-item", y.listItem),
+		onClick: b,
+		children: [/* @__PURE__ */ a("div", {
+			className: y.listItemLabelContainer,
+			children: [l, S]
+		}), h && /* @__PURE__ */ i(t, {
+			className: y.listItemIcon,
+			intent: "danger",
+			icon: "fa-solid fa-circle-xmark",
+			title: "Remove",
+			onClick: x
+		})]
+	});
+};
+//#endregion
+export { s as default };

package/dist/components/Select2/Select2.d.ts

@@ -0,0 +1,47 @@
+import { default as Select2Styles, variantKeys } from './Select2.styles';
+import { ErrorMessageProps } from '../ErrorMessage';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode, RefObject } from 'react';
+export type Option = ({
+    label: string;
+    value: string;
+    icon?: ReactNode;
+} & {
+    [key in Exclude<string, 'options' | 'label' | 'value'>]?: unknown;
+}) | OptionGroup;
+export type OptionGroup = {
+    icon?: ReactNode;
+    label: string;
+    options: Exclude<Option, OptionGroup>[];
+};
+type Select2PropsBase = {
+    ref?: RefObject<HTMLDivElement | null>;
+    id?: string;
+    name?: string;
+    value?: Exclude<Option, OptionGroup> | string;
+    label?: ReactNode;
+    options?: Option[] | Promise<Option[]>;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: ErrorMessageProps['message'] | ErrorMessageProps['error'];
+    allowCreateOptions?: boolean;
+    isSearchable?: boolean;
+    autoClose?: boolean;
+    clearable?: boolean;
+    open?: boolean;
+    allowRemoveOptions?: boolean;
+    searchAutoFocus?: boolean;
+};
+type Select2PropsWithString = Select2PropsBase & {
+    valueAsString: true;
+    onChange?: (value?: string) => void;
+    onRemove?: (value: string) => void;
+};
+type Select2PropsWithObject = Select2PropsBase & {
+    valueAsString?: false;
+    onChange?: (value?: Exclude<Option, OptionGroup>) => void;
+    onRemove?: (value: Exclude<Option, OptionGroup>) => void;
+};
+export type Select2Props = (Select2PropsWithString | Select2PropsWithObject) & useThemeSharedProps<typeof Select2Styles, typeof variantKeys>;
+declare const _default: import('react').MemoExoticComponent<(props: Select2Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Select2/Select2.js

@@ -0,0 +1,193 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import n from "../Icon/index.js";
+import ee from "../Input/InputContainer.js";
+import r from "../ContainerFloating/index.js";
+import { isOptionGroup as i } from "./helpers/utils.js";
+import a from "./ListItem.js";
+import o from "./SelectInput.js";
+import te from "./SelectList.js";
+import { memo as s, useCallback as c, useEffect as l, useImperativeHandle as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import ne from "clsx";
+//#region src/components/Select2/Select2.tsx
+var g = [], _ = s((s) => {
+	let { ref: _, className: v = "", id: y, name: b, value: x, options: S = g, placeholder: C = "Select...", label: w = "", size: T, disabled: E = !1, error: D = !1, allowCreateOptions: O = !1, isSearchable: k = !0, clearable: A = !0, allowRemoveOptions: j = !1, open: M, searchAutoFocus: N = !0, autoClose: P = !0, onChange: F } = s, [I, L] = p(M), R = e("Select2", {
+		className: v,
+		componentKey: [
+			"root",
+			"listPopup",
+			"listPopupInner",
+			"inputContainer",
+			"placeholder",
+			"listMessage",
+			"trigger",
+			"value"
+		],
+		variants: { size: T }
+	}), z = f(null), [B, V] = p(), [H, U] = p(S instanceof Promise), [W, G] = p(() => !H && Array.isArray(S) ? S : []), [K, q] = p([]);
+	u(_, () => z.current, [z]);
+	let J = d(() => {
+		if (typeof x == "string") {
+			let e = W.find((e) => i(e) ? e.options.find((e) => e.value === x) : e.value === x);
+			return i(e) ? e.options.find((e) => e.value === x) : !e && x && O ? {
+				label: x,
+				value: x
+			} : e;
+		}
+		return x;
+	}, [
+		O,
+		W,
+		x
+	]), [Y, X] = p(""), re = c((e) => {
+		!I && z.current && z.current.click(), X(e);
+	}, [
+		X,
+		I,
+		z
+	]), ie = c((e) => {
+		L(e), e || X("");
+	}, []), Z = c((e) => {
+		E || (s.valueAsString ? s.onChange?.(e?.value) : s.onChange?.(e), X(""), P && z.current && z.current.click());
+	}, [
+		E,
+		s.valueAsString,
+		s.onChange,
+		P
+	]), ae = c((e) => {
+		j && (e.value === x && F?.(void 0), s.valueAsString ? s.onRemove?.(e.value) : s.onRemove?.(e));
+	}, [
+		j,
+		s.valueAsString,
+		s.onRemove
+	]), Q = c(async () => {
+		let e = S;
+		e instanceof Promise && (U(!0), e = await e, U(!1)), G(e);
+	}, [S]);
+	l(() => {
+		Q();
+	}, [S, Q]), l(() => {
+		V(I ? z.current?.getBoundingClientRect() : void 0);
+	}, [I]), l(() => {
+		if (!(!O || !J || i(J))) return J.value && !W.find((e) => "value" in e && e.value === J.value) && q((e) => {
+			if (e.find((e) => "value" in e && e.value === J.value)) return e;
+			let t = [...e];
+			return t.push({
+				label: J.label,
+				value: J.value
+			}), t;
+		}), () => {
+			J.value && !W.find((e) => "value" in e && e.value === J.value) && q([]);
+		};
+	}, [
+		O,
+		J,
+		W,
+		x
+	]);
+	let $ = d(() => {
+		let e = (e) => (e.label ? e.label : "").toLowerCase().indexOf(Y.toLowerCase()) > -1, t = [...K, ...W].map((t) => i(t) ? {
+			icon: t.icon,
+			label: t.label,
+			options: t.options.filter(e)
+		} : t);
+		return t = t.filter((t) => i(t) ? t.options.length > 0 : e(t)), t;
+	}, [
+		W,
+		K,
+		Y
+	]), oe = c((e) => {
+		e.stopPropagation(), F?.(void 0);
+	}, [F]), se = d(() => ({ width: B?.width }), [B]);
+	return /* @__PURE__ */ h(r, {
+		ref: z,
+		containerTopOffset: D ? -26 : 4,
+		containerLeftOffset: 0,
+		onOpenChange: ie,
+		open: M,
+		loading: H,
+		disabled: E,
+		children: [/* @__PURE__ */ m(r.Trigger, {
+			className: R.trigger,
+			children: /* @__PURE__ */ h(ee, {
+				id: y,
+				size: T,
+				clearable: A,
+				disabled: E,
+				label: w,
+				error: D,
+				loading: H,
+				onClear: oe,
+				className: { iconFloatingContainer: R.inputContainer },
+				value: x,
+				children: [/* @__PURE__ */ m("input", {
+					type: "hidden",
+					name: b,
+					className: "hidden invisible"
+				}), /* @__PURE__ */ h(t, {
+					justify: "between",
+					items: "center",
+					className: "min-w-0",
+					grow: !0,
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: ne("truncate select-none", {
+								"mr-8": !!D || H,
+								[R.placeholder]: !J?.label,
+								[R.value]: !!J?.label
+							}),
+							title: J?.label ?? C,
+							children: J?.label ?? C
+						}),
+						!I && /* @__PURE__ */ m(n, { icon: "fa-solid fa-chevron-down" }),
+						I && /* @__PURE__ */ m(n, { icon: "fa-solid fa-chevron-up" })
+					]
+				})]
+			})
+		}), B && /* @__PURE__ */ h(r.Content, {
+			className: R.listPopup,
+			style: se,
+			children: [
+				!H && /* @__PURE__ */ h("div", {
+					className: R.listPopupInner,
+					children: [k && I && /* @__PURE__ */ m(o, {
+						size: T,
+						value: Y,
+						placeholder: "Search...",
+						disabled: E,
+						autoFocus: N,
+						allowCreateOptions: O,
+						onChange: re,
+						onSelect: Z
+					}), $.length > 0 && /* @__PURE__ */ m(te, {
+						value: J?.value,
+						options: $,
+						size: T,
+						allowRemoveOptions: j,
+						onChange: Z,
+						onRemove: ae
+					})]
+				}),
+				!H && O && Y && /* @__PURE__ */ m(a, {
+					className: "bg-slate-100 text-blue-500 dark:bg-zinc-700 dark:text-blue-400",
+					prefix: "Create:",
+					size: T,
+					label: Y,
+					value: Y,
+					onChange: Z
+				}),
+				H && /* @__PURE__ */ m("div", {
+					className: R.listMessage,
+					children: "Loading..."
+				}),
+				!H && $.length === 0 && /* @__PURE__ */ m("div", {
+					className: R.listMessage,
+					children: "No Options"
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { _ as default };

package/dist/components/Select2/Select2.styles.d.ts

@@ -0,0 +1,43 @@
+export declare const variantKeys: {
+    readonly intent: readonly ["primary", "error", "disabled"];
+    readonly size: readonly ["md", "sm", "xs", "custom"];
+    readonly selected: readonly [true, false];
+};
+export declare const STYLES_COMPONENT_NAME = "Select2";
+declare const _default: {
+    root: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    inputContainer: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    trigger: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    placeholder: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    value: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    searchInput: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    list: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    listPopup: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    listPopupInner: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    listMessage: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    listGroup: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    listGroupLabel: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    listItem: (props?: ({
+        selected?: boolean | null | undefined;
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    listItemLabelContainer: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    listItemIcon: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+};
+export default _default;

package/dist/components/Select2/Select2.styles.js

@@ -0,0 +1,110 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = {
+	root: e("flex flex-col", {
+		variants: { size: {
+			md: "gap-1.5",
+			sm: "gap-1 text-sm",
+			xs: "gap-1 text-xs",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	inputContainer: e("flex items-center relative", {
+		variants: { size: {
+			md: "",
+			sm: "",
+			xs: "",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	trigger: e("w-full"),
+	placeholder: e("text-zinc-400 dark:text-zinc-500 select-none"),
+	value: e("text-zinc-700 dark:text-zinc-300"),
+	searchInput: e(""),
+	list: e("max-h-60 overflow-y-auto"),
+	listPopup: e("flex flex-col w-full", {
+		variants: { size: {
+			md: "p-1.5 gap-2",
+			sm: "p-1 gap-1.5",
+			xs: "p-1 gap-1",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	listPopupInner: e("flex flex-col w-full", {
+		variants: { size: {
+			md: "gap-2",
+			sm: "gap-1.5",
+			xs: "gap-1",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	listMessage: e("text-zinc-400 dark:text-zinc-500 flex items-center justify-center shrink-0", {
+		variants: { size: {
+			md: "py-2",
+			sm: "py-1.5 text-sm",
+			xs: "py-1 text-xs",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	listGroup: e("[&:not(:last-child)]:border-b [&:not(:last-child)]:border-gray-200 dark:[&:not(:last-child)]:border-zinc-700", {
+		variants: { size: {
+			md: "[&:not(:last-child)]:pb-1.5 not-last:mb-1.5",
+			sm: "[&:not(:last-child)]:pb-1 not-last:mb-1",
+			xs: "[&:not(:last-child)]:pb-1 not-last:mb-1",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	listGroupLabel: e("flex items-center cursor-default select-none truncate text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500", {
+		variants: { size: {
+			md: "px-2.5 py-1.5 gap-2",
+			sm: "px-2 py-1 gap-1.5",
+			xs: "px-1.5 py-1 gap-1",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	listItem: e("group flex items-center justify-between shrink-0 transition-colors duration-100 cursor-pointer select-none rounded-md", {
+		variants: {
+			selected: {
+				true: "bg-primary-50 text-primary-600 dark:bg-primary-900/30 dark:text-primary-400",
+				false: "text-zinc-700 hover:bg-gray-100 dark:text-zinc-300 dark:hover:bg-zinc-700/60"
+			},
+			size: {
+				md: "px-2.5 py-2 gap-2 text-sm",
+				sm: "px-2 py-1.5 gap-1.5 text-sm",
+				xs: "px-1.5 py-1 gap-1 text-xs",
+				custom: ""
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			size: "md",
+			selected: !1
+		}
+	}),
+	listItemLabelContainer: e("flex items-center min-w-0 truncate", {
+		variants: { size: {
+			md: "gap-2",
+			sm: "gap-1.5",
+			xs: "gap-1",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	listItemIcon: e("invisible group-hover:visible shrink-0 text-primary-ui")
+};
+//#endregion
+export { t as default };

package/dist/components/Select2/SelectInput.d.ts

@@ -0,0 +1,18 @@
+import { default as Select2Styles, variantKeys } from './Select2.styles';
+import { default as InputStyles } from '../Input/Input.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+type SelectInputProps = {
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    allowCreateOptions?: boolean;
+    onChange?: (value: string) => void;
+    onSelect?: (value: {
+        value: string;
+        label: string;
+    }) => void;
+} & useThemeSharedProps<typeof Select2Styles & typeof InputStyles, typeof variantKeys>;
+declare const SelectInput: ({ className, size, placeholder, value, disabled, autoFocus, allowCreateOptions, onChange, onSelect }: SelectInputProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectInput;

package/dist/components/Select2/SelectInput.js

@@ -0,0 +1,45 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Input/index.js";
+import { useCallback as n, useEffect as r, useMemo as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import s from "clsx";
+//#region src/components/Select2/SelectInput.tsx
+var c = ({ className: c = "", size: l = "md", placeholder: u = "", value: d = "", disabled: f = !1, autoFocus: p = !0, allowCreateOptions: m = !1, onChange: h, onSelect: g }) => {
+	c = e("Select2", {
+		className: c,
+		componentKey: "searchInput",
+		variants: { size: l }
+	});
+	let _ = a(void 0);
+	r(() => {
+		p && _.current.focus();
+	}, [p]);
+	let v = n((e) => {
+		e.stopPropagation(), e.preventDefault();
+	}, []), y = i(() => ({ onClick: v }), [v]), b = n((e) => h?.(e), [h]), x = n((e) => {
+		e.key === "Enter" && m ? g?.({
+			value: e.target.value,
+			label: e.target.value
+		}) : e.key === "Enter" && !m ? (e.stopPropagation(), e.preventDefault()) : e.key === "Escape" && h?.("");
+	}, [
+		h,
+		g,
+		m
+	]);
+	return /* @__PURE__ */ o(t, {
+		ref: _,
+		className: s("select2__input", c),
+		placeholder: u,
+		value: d,
+		disabled: f,
+		size: l,
+		label: "",
+		clearable: !0,
+		containerProps: y,
+		onClick: v,
+		onChange: b,
+		onKeyDown: x
+	});
+};
+//#endregion
+export { c as default };

package/dist/components/Select2/SelectList.d.ts

@@ -0,0 +1,13 @@
+import { Option, OptionGroup } from './Select2';
+import { default as Select2Styles, variantKeys } from './Select2.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+export type SelectListProps = {
+    className?: string;
+    options?: Option[];
+    value?: string;
+    allowRemoveOptions?: boolean;
+    onChange?: (newValue?: Exclude<Option, OptionGroup>) => void;
+    onRemove?: (option: Exclude<Option, OptionGroup>) => void;
+} & useThemeSharedProps<typeof Select2Styles, typeof variantKeys>;
+declare const SelectList: ({ className, options, value, size, allowRemoveOptions, onChange, onRemove }: SelectListProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectList;

package/dist/components/Select2/SelectList.js

@@ -0,0 +1,41 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import { isOptionGroup as n } from "./helpers/utils.js";
+import r from "./ListItem.js";
+import i from "./ListGroup.js";
+import { jsx as a } from "react/jsx-runtime";
+import o from "clsx";
+//#region src/components/Select2/SelectList.tsx
+var s = ({ className: s = "", options: c, value: l = "", size: u, allowRemoveOptions: d = !1, onChange: f, onRemove: p }) => (s = e("Select2", {
+	className: s,
+	componentKey: "list",
+	variants: { size: u }
+}), /* @__PURE__ */ a(t, {
+	direction: "column",
+	className: o("select2__list", s),
+	children: c?.map((e, t) => {
+		let { label: o, icon: s } = e;
+		return n(e) ? /* @__PURE__ */ a(i, {
+			label: o,
+			icon: s,
+			options: e.options,
+			value: l,
+			size: u,
+			allowRemoveOptions: d,
+			onChange: f,
+			onRemove: p
+		}, t) : /* @__PURE__ */ a(r, {
+			isSelected: l === e.value,
+			label: o,
+			icon: s,
+			value: e.value,
+			option: e,
+			size: u,
+			allowRemoveOptions: d,
+			onChange: f,
+			onRemove: p
+		}, t);
+	})
+}));
+//#endregion
+export { s as default };

package/dist/components/Select2/helpers/utils.d.ts

@@ -0,0 +1,2 @@
+import { Option, OptionGroup } from '../Select2';
+export declare const isOptionGroup: (option?: Option | OptionGroup) => option is OptionGroup;

package/dist/components/Select2/helpers/utils.js

@@ -0,0 +1,4 @@
+//#region src/components/Select2/helpers/utils.ts
+var e = (e) => !!e && "options" in e;
+//#endregion
+export { e as isOptionGroup };

package/dist/components/Select2/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Select2 } from './Select2';
+import { default as select2Theme } from './Select2.styles';
+export * from './Select2';
+export { select2Theme };
+export default Select2;

package/dist/components/Select2/index.js

@@ -0,0 +1,6 @@
+import e from "./Select2.js";
+import t from "./Select2.styles.js";
+//#region src/components/Select2/index.ts
+var n = e;
+//#endregion
+export { n as default, t as select2Theme };

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,20 @@
+import { default as SidebarStyles, variantKeys } from './Sidebar.styles';
+import { SidebarIconProps } from './SidebarIcon';
+import { SidebarSeparatorProps } from './SidebarSeparator';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode } from 'react';
+export type SidebarProps = {
+    children?: ReactNode;
+    placement?: 'top' | 'left' | 'right' | 'buttom';
+    selected?: string;
+    value?: string | string[];
+    multi?: boolean;
+    canEmpty?: boolean;
+    onChange?: (item: string[]) => void;
+} & useThemeSharedProps<typeof SidebarStyles, typeof variantKeys>;
+declare const Sidebar: {
+    ({ className, children, value, multi, canEmpty, placement, border, padding, size, onChange }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+    Icon: ({ children, id, className, active, detatched, size, onClick, ...props }: SidebarIconProps) => import("react/jsx-runtime").JSX.Element;
+    Separator: ({ className }: SidebarSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Sidebar;