@blueshift-gg/ui-components 0.1.75 → 0.1.76

package/dist/Difficulty.js

@@ -0,0 +1,174 @@
+"use client";
+
+import { anticipate, motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Difficulty.tsx
+const difficultyColorClasses = {
+	1: "[color:#00C7E6]",
+	2: "[color:#00E66B]",
+	3: "[color:#E6D700]",
+	4: "[color:#FF285A]"
+};
+const Difficulty = ({ className, size = 18, difficulties = [] }) => {
+	const getSlotConfig = () => {
+		if (difficulties.length === 0) return {
+			slot1: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			},
+			slot2: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			},
+			slot3: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			},
+			slot4: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			},
+			center: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			}
+		};
+		if (difficulties.length === 1) {
+			const difficulty = difficulties[0];
+			const colorClass = difficultyColorClasses[difficulty];
+			return {
+				slot1: {
+					colorClass,
+					opacity: 1
+				},
+				slot2: {
+					colorClass,
+					opacity: difficulty > 1 ? 1 : .4
+				},
+				slot3: {
+					colorClass,
+					opacity: difficulty > 2 ? 1 : .4
+				},
+				slot4: {
+					colorClass,
+					opacity: difficulty > 3 ? 1 : .4
+				},
+				center: {
+					colorClass,
+					opacity: [
+						.4,
+						1,
+						.4
+					]
+				}
+			};
+		}
+		const slotColorClasses = [
+			"text-shade-secondary/40",
+			"text-shade-secondary/40",
+			"text-shade-secondary/40",
+			"text-shade-secondary/40"
+		];
+		difficulties.forEach((diff) => {
+			slotColorClasses[diff - 1] = difficultyColorClasses[diff];
+		});
+		return {
+			slot1: {
+				colorClass: slotColorClasses[0],
+				opacity: 1
+			},
+			slot2: {
+				colorClass: slotColorClasses[1],
+				opacity: 1
+			},
+			slot3: {
+				colorClass: slotColorClasses[2],
+				opacity: 1
+			},
+			slot4: {
+				colorClass: slotColorClasses[3],
+				opacity: 1
+			},
+			center: {
+				colorClass: "text-shade-secondary",
+				opacity: .4
+			}
+		};
+	};
+	const config = getSlotConfig();
+	return /* @__PURE__ */ jsxs(motion.svg, {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size,
+		height: size,
+		viewBox: "0 0 18 18",
+		className,
+		fill: "none",
+		children: [
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.slot1.opacity },
+				transition: {
+					duration: .05,
+					delay: .05,
+					ease: anticipate
+				},
+				d: "M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z",
+				fill: "currentColor",
+				className: config.slot1.colorClass
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.slot2.opacity },
+				transition: {
+					duration: .05,
+					delay: .1,
+					ease: anticipate
+				},
+				d: "M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z",
+				fill: "currentColor",
+				className: config.slot2.colorClass
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.slot3.opacity },
+				transition: {
+					duration: .05,
+					delay: .15,
+					ease: anticipate
+				},
+				d: "M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z",
+				fill: "currentColor",
+				className: config.slot3.colorClass
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.slot4.opacity },
+				transition: {
+					duration: .05,
+					delay: .2,
+					ease: anticipate
+				},
+				d: "M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z",
+				fill: "currentColor",
+				className: config.slot4.colorClass
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				initial: { opacity: .4 },
+				animate: { opacity: config.center.opacity },
+				transition: {
+					duration: 1,
+					repeat: difficulties.length === 1 ? Infinity : 0,
+					ease: "easeInOut"
+				},
+				d: "M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z",
+				fill: "currentColor",
+				className: config.center.colorClass
+			})
+		]
+	});
+};
+
+//#endregion
+export { Difficulty };
+//# sourceMappingURL=Difficulty.js.map

package/dist/Difficulty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Difficulty.js","names":[],"sources":["../src/Difficulty.tsx"],"sourcesContent":["\"use client\";\n\nimport { type courseDifficulty } from \"./utils/colours\";\nimport { anticipate, motion } from \"motion/react\";\nimport { IconProps } from \"./Icon\";\n\nexport interface DifficultyProps extends Omit<IconProps, \"name\"> {\n  difficulties?: Array<keyof typeof courseDifficulty>;\n}\n\n// Map difficulty level to Tailwind color class\nconst difficultyColorClasses = {\n  1: \"[color:#00C7E6]\", // Beginner - cyan\n  2: \"[color:#00E66B]\", // Intermediate - green\n  3: \"[color:#E6D700]\", // Advanced - yellow\n  4: \"[color:#FF285A]\", // Expert - red\n} as const;\n\nexport const Difficulty = ({\n  className,\n  size = 18,\n  difficulties = [],\n}: DifficultyProps) => {\n  // Determine colors for each slot based on the number of selected difficulties\n  const getSlotConfig = () => {\n    if (difficulties.length === 0) {\n      // No difficulties selected - all slots use text-shade-secondary\n      return {\n        slot1: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot2: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot3: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        slot4: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n        center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n      };\n    }\n\n    if (difficulties.length === 1) {\n      // Single difficulty - use existing behavior\n      const difficulty = difficulties[0];\n      const colorClass = difficultyColorClasses[difficulty];\n      return {\n        slot1: { colorClass, opacity: 1 },\n        slot2: { colorClass, opacity: difficulty > 1 ? 1 : 0.4 },\n        slot3: { colorClass, opacity: difficulty > 2 ? 1 : 0.4 },\n        slot4: { colorClass, opacity: difficulty > 3 ? 1 : 0.4 },\n        center: { colorClass, opacity: [0.4, 1, 0.4] },\n      };\n    }\n\n    // Multiple difficulties - each selected difficulty gets its slot colored\n    const slotColorClasses = [\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n      \"text-shade-secondary/40\",\n    ];\n\n    difficulties.forEach((diff) => {\n      slotColorClasses[diff - 1] = difficultyColorClasses[diff];\n    });\n\n    return {\n      slot1: { colorClass: slotColorClasses[0], opacity: 1 }, // Slot 4 position\n      slot2: { colorClass: slotColorClasses[1], opacity: 1 }, // Slot 2 position\n      slot3: { colorClass: slotColorClasses[2], opacity: 1 }, // Slot 3 position\n      slot4: { colorClass: slotColorClasses[3], opacity: 1 }, // Slot 1 position\n      center: { colorClass: \"text-shade-secondary\", opacity: 0.4 },\n    };\n  };\n\n  const config = getSlotConfig();\n\n  return (\n    <motion.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n    >\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot1.opacity }}\n        transition={{ duration: 0.05, delay: 0.05, ease: anticipate }}\n        d=\"M16.134 8.49997C15.776 8.49997 15.46 8.243 15.396 7.879C14.928 5.192 12.808 3.07197 10.122 2.60397C9.71399 2.53297 9.43998 2.14497 9.51198 1.73697C9.58298 1.32897 9.96999 1.05398 10.38 1.12698C13.689 1.70298 16.298 4.31298 16.875 7.62198C16.946 8.02998 16.673 8.41896 16.265 8.48996C16.221 8.49796 16.178 8.50094 16.135 8.50094L16.134 8.49997Z\"\n        fill=\"currentColor\"\n        className={config.slot1.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot2.opacity }}\n        transition={{ duration: 0.05, delay: 0.1, ease: anticipate }}\n        d=\"M10.2492 16.885C9.89124 16.885 9.57523 16.628 9.51123 16.264C9.44023 15.856 9.71322 15.467 10.1212 15.396C12.8082 14.928 14.9282 12.808 15.3962 10.122C15.4672 9.71299 15.8612 9.44001 16.2632 9.51201C16.6712 9.58301 16.9452 9.97099 16.8732 10.38C16.2972 13.689 13.6872 16.298 10.3782 16.875C10.3342 16.883 10.2912 16.886 10.2482 16.886L10.2492 16.885Z\"\n        fill=\"currentColor\"\n        className={config.slot2.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot3.opacity }}\n        transition={{ duration: 0.05, delay: 0.15, ease: anticipate }}\n        d=\"M7.75147 16.8848C7.70847 16.8848 7.66547 16.8818 7.62147 16.8738C4.31247 16.2978 1.70347 13.6868 1.12647 10.3788C1.05547 9.9708 1.32847 9.58176 1.73647 9.51076C2.14447 9.43876 2.53247 9.71275 2.60347 10.1208C3.07147 12.8078 5.19148 14.9278 7.87748 15.3958C8.28548 15.4668 8.55946 15.8548 8.48746 16.2628C8.42446 16.6278 8.10749 16.8848 7.74949 16.8848H7.75147Z\"\n        fill=\"currentColor\"\n        className={config.slot3.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{ opacity: config.slot4.opacity }}\n        transition={{ duration: 0.05, delay: 0.2, ease: anticipate }}\n        d=\"M1.86621 8.49998C1.82321 8.49998 1.78021 8.49699 1.73721 8.48899C1.32921 8.41799 1.05521 8.02995 1.12721 7.62095C1.70321 4.31195 4.3122 1.70296 7.6212 1.12596C8.0352 1.05696 8.41721 1.328 8.48921 1.736C8.56021 2.144 8.28719 2.53298 7.87919 2.60398C5.19219 3.07198 3.0722 5.19197 2.6042 7.87797C2.5412 8.24297 2.22421 8.49998 1.86621 8.49998Z\"\n        fill=\"currentColor\"\n        className={config.slot4.colorClass}\n      />\n      <motion.path\n        initial={{ opacity: 0.4 }}\n        animate={{\n          opacity: config.center.opacity,\n        }}\n        transition={{\n          duration: 1,\n          repeat: difficulties.length === 1 ? Infinity : 0,\n          ease: \"easeInOut\",\n        }}\n        d=\"M9 6.49976C7.621 6.49976 6.5 7.62076 6.5 8.99976C6.5 10.3788 7.621 11.4998 11.5 8.99976C11.5 7.62076 10.379 6.49976 9 6.49976Z\"\n        fill=\"currentColor\"\n        className={config.center.colorClass}\n      />\n    </motion.svg>\n  );\n};\n\n"],"mappings":";;;;;;AAWA,MAAM,yBAAyB;CAC7B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,MAAa,cAAc,EACzB,WACA,OAAO,IACP,eAAe,EAAE,OACI;CAErB,MAAM,sBAAsB;AAC1B,MAAI,aAAa,WAAW,EAE1B,QAAO;GACL,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,OAAO;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC3D,QAAQ;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC7D;AAGH,MAAI,aAAa,WAAW,GAAG;GAE7B,MAAM,aAAa,aAAa;GAChC,MAAM,aAAa,uBAAuB;AAC1C,UAAO;IACL,OAAO;KAAE;KAAY,SAAS;KAAG;IACjC,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,OAAO;KAAE;KAAY,SAAS,aAAa,IAAI,IAAI;KAAK;IACxD,QAAQ;KAAE;KAAY,SAAS;MAAC;MAAK;MAAG;MAAI;KAAE;IAC/C;;EAIH,MAAM,mBAAmB;GACvB;GACA;GACA;GACA;GACD;AAED,eAAa,SAAS,SAAS;AAC7B,oBAAiB,OAAO,KAAK,uBAAuB;IACpD;AAEF,SAAO;GACL,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,OAAO;IAAE,YAAY,iBAAiB;IAAI,SAAS;IAAG;GACtD,QAAQ;IAAE,YAAY;IAAwB,SAAS;IAAK;GAC7D;;CAGH,MAAM,SAAS,eAAe;AAE9B,QACE,qBAAC,OAAO;EACN,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACG;EACX,MAAK;;GAEL,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAM,MAAM;KAAY;IAC7D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAK,MAAM;KAAY;IAC5D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAM,MAAM;KAAY;IAC7D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EAAE,SAAS,OAAO,MAAM,SAAS;IAC1C,YAAY;KAAE,UAAU;KAAM,OAAO;KAAK,MAAM;KAAY;IAC5D,GAAE;IACF,MAAK;IACL,WAAW,OAAO,MAAM;KACxB;GACF,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,IAAK;IACzB,SAAS,EACP,SAAS,OAAO,OAAO,SACxB;IACD,YAAY;KACV,UAAU;KACV,QAAQ,aAAa,WAAW,IAAI,WAAW;KAC/C,MAAM;KACP;IACD,GAAE;IACF,MAAK;IACL,WAAW,OAAO,OAAO;KACzB;;GACS"}

package/dist/Divider.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+
+//#region src/Divider.d.ts
+type DividerProps = {
+  className?: string;
+  direction?: "horizontal" | "vertical";
+};
+declare const Divider: ({
+  className,
+  direction
+}: DividerProps) => react_jsx_runtime30.JSX.Element;
+//#endregion
+export { Divider, DividerProps };
+//# sourceMappingURL=Divider.d.ts.map

package/dist/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","names":[],"sources":["../src/Divider.tsx"],"sourcesContent":[],"mappings":";;;KAIY,YAAA;;;AAAZ,CAAA;AAKa,cAAA,OA6BZ,EAAA,CAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EA1BE,YA0BF,EAAA,GA1Bc,mBAAA,CAAA,GAAA,CAAA,OA0Bd"}

package/dist/Divider.js

@@ -0,0 +1,16 @@
+"use client";
+
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Divider.tsx
+const Divider = ({ className, direction = "horizontal" }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames("flex", direction === "horizontal" && "flex-col w-full", direction === "vertical" && "flex-row h-full", className),
+		children: [/* @__PURE__ */ jsx("div", { className: classNames("bg-background", direction === "horizontal" && "w-full h-px", direction === "vertical" && "h-full w-px") }), /* @__PURE__ */ jsx("div", { className: classNames("bg-border-light", direction === "horizontal" && "w-full h-px", direction === "vertical" && "h-full w-px") })]
+	});
+};
+
+//#endregion
+export { Divider };
+//# sourceMappingURL=Divider.js.map

package/dist/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","names":[],"sources":["../src/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type DividerProps = {\n  className?: string;\n  direction?: \"horizontal\" | \"vertical\";\n};\n\nexport const Divider = ({\n  className,\n  direction = \"horizontal\",\n}: DividerProps) => {\n  return (\n    <div\n      className={classNames(\n        \"flex\",\n        direction === \"horizontal\" && \"flex-col w-full\",\n        direction === \"vertical\" && \"flex-row h-full\",\n        className\n      )}\n    >\n      <div\n        className={classNames(\n          \"bg-background\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n      <div\n        className={classNames(\n          \"bg-border-light\",\n          direction === \"horizontal\" && \"w-full h-px\",\n          direction === \"vertical\" && \"h-full w-px\"\n        )}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AASA,MAAa,WAAW,EACtB,WACA,YAAY,mBACM;AAClB,QACE,qBAAC;EACC,WAAW,WACT,QACA,cAAc,gBAAgB,mBAC9B,cAAc,cAAc,mBAC5B,UACD;aAED,oBAAC,SACC,WAAW,WACT,iBACA,cAAc,gBAAgB,eAC9B,cAAc,cAAc,cAC7B,GACD,EACF,oBAAC,SACC,WAAW,WACT,mBACA,cAAc,gBAAgB,eAC9B,cAAc,cAAc,cAC7B,GACD;GACE"}

package/dist/Dropdown.d.ts

@@ -0,0 +1,139 @@
+import { IconProps } from "./Icon.js";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/Dropdown.d.ts
+type DropdownOption = {
+  label: string;
+  icon?: IconProps | ReactNode;
+  value: string;
+  disabled?: boolean;
+  children?: DropdownOption[];
+};
+type DropdownProps = {
+  className?: string;
+  items: DropdownOption[];
+  selectedItem?: string | string[] | undefined;
+  handleChange: (item: string | string[] | undefined) => void;
+  multiple?: boolean;
+  disabled?: boolean;
+  label: string | ((selectedLabel: string) => string);
+  multiSelectLabel?: string;
+  buttonClassName?: string;
+  menuClassName?: string;
+  subMenuClassName?: string;
+  menuIcon?: IconProps | ReactNode;
+  size?: "sm" | "md" | "lg";
+  isScrollable?: boolean;
+  animationOrigin?: "top-left" | "top-center" | "top-right";
+  search?: string;
+  onClearSearch?: () => void;
+  showSelectAll?: boolean;
+  showClear?: boolean;
+  showSelectedItem?: boolean;
+};
+type DropdownButtonProps = {
+  label: string | ((selectedLabel: string) => string);
+  multiSelectLabel?: string;
+  disabled?: boolean;
+  className?: string;
+  onClick: () => void;
+  buttonClassName?: string;
+  selectedItems?: DropdownProps["items"];
+  multiple?: boolean;
+  count?: number;
+  menuIcon?: IconProps | ReactNode;
+  size?: "sm" | "md" | "lg";
+  onClear?: () => void;
+  showSelectedItem?: boolean;
+  showClear?: boolean;
+};
+type DropdownItemProps = {
+  label: string;
+  icon?: IconProps | ReactNode;
+  onClick: () => void;
+  disabled?: boolean;
+  isSelected?: boolean;
+  size?: "sm" | "md" | "lg";
+};
+type DropdownMenuProps = {
+  items: DropdownOption[];
+  selectedItem?: string | string[] | undefined;
+  handleChange: (item: string | string[] | undefined) => void;
+  multiple?: boolean;
+  menuClassName?: string;
+  size?: "sm" | "md" | "lg";
+  isOpen: boolean;
+  onItemClick?: (value: string) => void;
+  isScrollable?: boolean;
+  animationOrigin?: "top-left" | "top-center" | "top-right";
+  search?: string;
+  onClearSearch?: () => void;
+  showSelectAll?: boolean;
+  showSafeTriangle?: boolean;
+  subMenuClassName?: string;
+};
+declare const DropdownMenu: ({
+  items,
+  selectedItem,
+  handleChange,
+  multiple,
+  menuClassName,
+  size,
+  isOpen,
+  onItemClick,
+  isScrollable,
+  animationOrigin,
+  search,
+  onClearSearch,
+  showSelectAll,
+  showSafeTriangle,
+  subMenuClassName
+}: DropdownMenuProps) => react_jsx_runtime22.JSX.Element;
+declare const Dropdown: ({
+  className,
+  items,
+  selectedItem,
+  handleChange,
+  label,
+  multiSelectLabel,
+  disabled,
+  buttonClassName,
+  menuClassName,
+  multiple,
+  menuIcon,
+  size,
+  isScrollable,
+  search,
+  onClearSearch,
+  showSelectAll,
+  showClear,
+  subMenuClassName,
+  showSelectedItem
+}: DropdownProps) => react_jsx_runtime22.JSX.Element;
+declare const DropdownButton: ({
+  label,
+  multiSelectLabel,
+  disabled,
+  className,
+  onClick,
+  selectedItems,
+  multiple,
+  count,
+  menuIcon,
+  size,
+  onClear,
+  showClear,
+  showSelectedItem
+}: DropdownButtonProps) => react_jsx_runtime22.JSX.Element;
+declare const DropdownItem: ({
+  label,
+  icon,
+  onClick,
+  disabled,
+  isSelected,
+  size
+}: DropdownItemProps) => react_jsx_runtime22.JSX.Element;
+//#endregion
+export { Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownMenu, DropdownMenuProps, DropdownOption, DropdownProps };
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","names":[],"sources":["../src/Dropdown.tsx"],"sourcesContent":[],"mappings":"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"}