@kosmeo-ui/react 0.1.0

package/dist/components/inputs/fileUpload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/fileUpload/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/fileUpload/styles.css

@@ -0,0 +1,104 @@
+.k-file-upload-container {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 1rem;
+  width: 100%;
+}
+
+.k-file-upload-input {
+  display: none;
+}
+
+.k-file-upload-button {
+  flex: 1;
+  gap: 0.5rem;
+}
+
+.k-file-upload-empty-actions {
+  display: flex;
+  gap: 0.5rem;
+  width: 100%;
+}
+
+.k-file-upload-label-text {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text-color);
+  width: 100%;
+  text-align: left;
+}
+
+.k-file-list {
+  width: 100%;
+  border: 1px solid var(--border-color);
+  border-radius: 0.375rem;
+  background-color: var(--light-bg);
+}
+
+.k-file-list-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid var(--border-color);
+  background-color: var(--lighter-bg);
+  font-weight: 500;
+}
+
+.k-file-list-actions {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.k-file-list-items {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.k-file-list-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid var(--border-color);
+  transition: background-color 0.2s;
+}
+
+.k-file-list-item:last-child {
+  border-bottom: none;
+}
+
+.k-file-list-item:hover {
+  background-color: var(--lighter-bg);
+}
+
+.k-file-info {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  overflow: hidden;
+}
+
+.k-file-icon {
+  color: var(--secondary-color);
+  flex-shrink: 0;
+}
+
+.k-file-name {
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.k-file-size {
+  color: var(--text-muted);
+  font-size: 0.875rem;
+  flex-shrink: 0;
+}

package/dist/components/inputs/input/index.d.ts

@@ -0,0 +1,62 @@
+import { PropsWithSize } from "../../types.js";
+import { ReactNode } from "react";
+import "./styles.css";
+interface InputProps extends PropsWithSize {
+    /**
+     * **_Optional_** type of input field to render.
+     *
+     * Defaults to `text`
+     */
+    type?: "text" | "number" | "password" | "email" | "date" | "datetime-local" | "time" | "url" | "tel";
+    /** **_Optional_** if the field is disabled */
+    disabled?: boolean;
+    /** **_Optional_** if the field is a dropdown */
+    dropDown?: boolean;
+    /** **_Optional_** whether or not the drop down options are open */
+    isOpen?: boolean;
+    /** **_Optional_** label that appears above the input */
+    label?: string;
+    /** **_Optional_** whether the field is required (shows red asterisk and enables validation) */
+    required?: boolean;
+    /** **_Optional_** ID of the field. If one is not provided, it will be randomly generated */
+    id?: string;
+    /** **_Optional_** placeholder text that will appear in the input until the user adds a value */
+    placeholder?: string;
+    /** **_Optional_** value to be set when the element first loads */
+    value?: string | number;
+    /** **_Optional_** reference to the input element */
+    ref?: React.Ref<HTMLInputElement>;
+    /** **_Optional_** maximum value for the input */
+    max?: string | number;
+    /** **_Optional_** minimum value for the input */
+    min?: string | number;
+    /** **_Optional_** whether to show character count */
+    showCharCount?: boolean;
+    /** **_Optional_** whether the input should be focused when it first loads */
+    autoFocus?: boolean;
+    /** **_Optional_** name attribute for the input (useful for form submissions) */
+    name?: string;
+    /** **_Optional_** autocomplete attribute for the input */
+    autoComplete?: string;
+    /** **_Optional_** inline addon rendered on the left (currency symbol, unit prefix). */
+    prefix?: ReactNode;
+    /** **_Optional_** inline addon rendered on the right (unit suffix, currency code). */
+    suffix?: ReactNode;
+    /** **_Optional_** error message rendered below the input (replaces helperText if both set). */
+    error?: ReactNode;
+    /** **_Optional_** helper text rendered below the input (hidden when `error` is set). */
+    helperText?: ReactNode;
+    /** **_Optional_** function that is called when the value of the input changes */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** **_Optional_** function that is called when the input is focused */
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    /** **_Optional_** function that is called when the input loses focus */
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    /** **_Optional_** function that is called when the user presses a key down in the input */
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    /** **_Optional_** function that is called when the input is clicked */
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
+}
+declare const Input: (props: InputProps) => import("react").JSX.Element;
+export default Input;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/input/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,UAAU,UAAW,SAAQ,aAAa;IACxC;;;;OAIG;IACH,IAAI,CAAC,EACD,MAAM,GACN,QAAQ,GACR,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,MAAM,GACN,KAAK,GACL,KAAK,CAAC;IAEV,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oDAAoD;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uFAAuF;IACvF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sFAAsF;IACtF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,2FAA2F;IAC3F,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACzD,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACrD;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,gCA0G/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/inputs/input/index.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
+import DropdownArrowButton from "../dropdownArrowButton/index.js";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import FieldShell from "../../forms/fieldShell/index.js";
+import { useState } from "react";
+import "./styles.css";
+const Input = (props) => {
+    const { type = "text", size = "md", disabled = false, isOpen = false, required = false, prefix, suffix, } = props;
+    const [showPassword, setShowPassword] = useState(false);
+    const inputId = props.id || `input-${Math.random().toString(36).substring(2, 9)}`;
+    const togglePasswordVisibility = () => {
+        setShowPassword(!showPassword);
+    };
+    const inputType = type === "password" ? (showPassword ? "text" : "password") : type;
+    const hasAddon = prefix !== undefined || suffix !== undefined;
+    const inputClasses = [
+        "k-input",
+        `k-input-${size}`,
+        type === "password" && "k-input-password",
+        hasAddon && "k-input-with-addon",
+        prefix !== undefined && "k-input-with-prefix",
+        suffix !== undefined && "k-input-with-suffix",
+    ]
+        .filter(Boolean)
+        .join(" ");
+    const renderAddon = (content, side) => (_jsx("span", { className: `k-input-addon k-input-addon-${side} k-input-addon-${size}`, "aria-hidden": "true", children: content }));
+    const charCount = props.showCharCount && type === "text" ? (_jsxs(_Fragment, { children: [String(props.value || "").length, props.max && ` / ${props.max}`] })) : undefined;
+    return (_jsx(FieldShell, { label: props.label, required: required, htmlFor: inputId, labelAside: charCount, error: props.error, helperText: props.helperText, children: _jsxs("div", { className: `k-input-wrapper${hasAddon ? " k-input-wrapper-addon" : ""}`, children: [prefix !== undefined && renderAddon(prefix, "prefix"), _jsx("input", { ref: props.ref, id: inputId, name: props.name, type: inputType, placeholder: props.placeholder, value: props.value, max: props.max, min: props.min, required: required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, disabled: disabled, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur, onClick: props.onClick, onKeyDown: props.onKeyDown, className: inputClasses }), suffix !== undefined && renderAddon(suffix, "suffix"), props.dropDown && (_jsx(DropdownArrowButton, { size: size, isOpen: isOpen, onClick: props.onClick })), type === "password" && (_jsx("button", { type: "button", onClick: togglePasswordVisibility, className: "k-password-toggle-button", "aria-label": showPassword ? "Hide password" : "Show password", disabled: disabled, children: _jsx(FontAwesomeIcon, { icon: showPassword ? faEyeSlash : faEye }) }))] }) }));
+};
+export default Input;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/input/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/input/styles.css

@@ -0,0 +1,152 @@
+.k-input-wrapper {
+  position: relative;
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.k-input {
+  background-color: var(--background-color-light);
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.375rem;
+  color: var(--text-color);
+  width: 100%;
+  box-sizing: border-box;
+  transition:
+    border-color 0.2s ease-in-out,
+    box-shadow 0.2s ease-in-out;
+}
+
+.k-input-sm {
+  font-size: var(--text-size-sm);
+  padding: 0.5rem 0.75rem;
+}
+
+.k-input-md {
+  font-size: var(--text-size-md);
+  padding: 0.625rem 1rem;
+}
+
+.k-input-lg {
+  font-size: var(--text-size-lg);
+  padding: 0.75rem 1.25rem;
+}
+
+.k-input-password {
+  padding-right: 2.5rem;
+}
+
+.k-input::placeholder {
+  color: var(--text-color-secondary);
+  opacity: 0.7;
+}
+
+.k-input[type="date"]:empty {
+  color: var(--text-color-secondary);
+}
+
+.k-input:focus {
+  outline: none;
+  border-color: var(--border-color-active);
+  box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
+}
+
+.k-input:disabled {
+  background-color: var(--bg-color-disabled);
+  color: var(--text-color-disabled);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.k-password-toggle-button {
+  position: absolute;
+  right: 0.75rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-color-secondary);
+  transition: color 0.2s ease-in-out;
+}
+
+.k-password-toggle-button:hover {
+  color: var(--primary-color);
+}
+
+.k-password-toggle-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem var(--border-shadow-color-active);
+  border-radius: 50%;
+}
+
+.k-password-toggle-button:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.k-password-toggle-button:disabled:hover {
+  color: var(--text-color-secondary);
+}
+
+.k-input-wrapper-addon {
+  display: flex;
+  align-items: stretch;
+}
+
+.k-input-with-prefix {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.k-input-with-suffix {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-right: none;
+}
+
+.k-input-addon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--background-color-dark);
+  border: 0.0625rem solid var(--border-color);
+  color: var(--text-color-secondary);
+  font-weight: 500;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.k-input-addon-prefix {
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+  border-right: none;
+}
+
+.k-input-addon-suffix {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+  border-left: none;
+}
+
+.k-input-addon-sm {
+  font-size: var(--text-size-sm);
+  padding: 0.5rem 0.625rem;
+}
+
+.k-input-addon-md {
+  font-size: var(--text-size-md);
+  padding: 0.625rem 0.75rem;
+}
+
+.k-input-addon-lg {
+  font-size: var(--text-size-lg);
+  padding: 0.75rem 0.875rem;
+}
+
+.k-input-wrapper-addon:focus-within .k-input-addon {
+  border-color: var(--border-color-active);
+}

package/dist/components/inputs/languageSelect/index.d.ts

@@ -0,0 +1,18 @@
+export interface LanguageOption {
+    value: string;
+    label: string;
+}
+export declare const SUPPORTED_LANGUAGES: LanguageOption[];
+interface LanguageSelectProps {
+    label?: string;
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    id?: string;
+    disabled?: boolean;
+    required?: boolean;
+    /** When true, includes a leading "— None —" option (default true). */
+    includeNone?: boolean;
+}
+declare const LanguageSelect: ({ label, value, onChange, id, disabled, required, includeNone, }: LanguageSelectProps) => import("react").JSX.Element;
+export default LanguageSelect;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/languageSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/languageSelect/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,EAAE,cAAc,EA4B/C,CAAC;AAEF,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,GAAI,kEAQrB,mBAAmB,gCAgBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/inputs/languageSelect/index.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import Select from "../select/index.js";
+export const SUPPORTED_LANGUAGES = [
+    { value: "en-US", label: "English (United States)" },
+    { value: "en-GB", label: "English (United Kingdom)" },
+    { value: "en-CA", label: "English (Canada)" },
+    { value: "en-AU", label: "English (Australia)" },
+    { value: "es-ES", label: "Spanish (Spain)" },
+    { value: "es-MX", label: "Spanish (Mexico)" },
+    { value: "fr-FR", label: "French (France)" },
+    { value: "fr-CA", label: "French (Canada)" },
+    { value: "de-DE", label: "German (Germany)" },
+    { value: "it-IT", label: "Italian (Italy)" },
+    { value: "pt-BR", label: "Portuguese (Brazil)" },
+    { value: "pt-PT", label: "Portuguese (Portugal)" },
+    { value: "nl-NL", label: "Dutch (Netherlands)" },
+    { value: "sv-SE", label: "Swedish (Sweden)" },
+    { value: "da-DK", label: "Danish (Denmark)" },
+    { value: "fi-FI", label: "Finnish (Finland)" },
+    { value: "no-NO", label: "Norwegian (Norway)" },
+    { value: "pl-PL", label: "Polish (Poland)" },
+    { value: "ru-RU", label: "Russian (Russia)" },
+    { value: "tr-TR", label: "Turkish (Turkey)" },
+    { value: "zh-CN", label: "Chinese (Simplified, China)" },
+    { value: "zh-TW", label: "Chinese (Traditional, Taiwan)" },
+    { value: "ja-JP", label: "Japanese (Japan)" },
+    { value: "ko-KR", label: "Korean (Korea)" },
+    { value: "ar-SA", label: "Arabic (Saudi Arabia)" },
+    { value: "he-IL", label: "Hebrew (Israel)" },
+    { value: "hi-IN", label: "Hindi (India)" },
+];
+const LanguageSelect = ({ label = "Preferred language", value, onChange, id, disabled, required, includeNone = true, }) => {
+    const options = includeNone
+        ? [{ value: "", label: "— None —" }, ...SUPPORTED_LANGUAGES]
+        : SUPPORTED_LANGUAGES;
+    return (_jsx(Select, { label: label, id: id, value: value ?? "", disabled: disabled, required: required, options: options, onChange: (v) => onChange?.(v ? v : null) }));
+};
+export default LanguageSelect;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/languageSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/languageSelect/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/multiSelect/dropDown.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithSize } from "../../types.js";
+interface DropDownProps<T> extends PropsWithSize {
+    value: T[];
+    searchTerm: string;
+    searchInputRef: React.RefObject<HTMLInputElement | null>;
+    filteredOptions: T[];
+    options: T[];
+    labelKey: keyof T;
+    setSearchTerm: React.Dispatch<React.SetStateAction<string>>;
+    handleSelectAll: () => void;
+    handleClearAll: () => void;
+    handleOptionToggle: (optionValue: T) => void;
+}
+export declare const DropDownSection: <T>(props: DropDownProps<T>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=dropDown.d.ts.map

package/dist/components/inputs/multiSelect/dropDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropDown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/dropDown.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAS/C,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,aAAa;IAC9C,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACzD,eAAe,EAAE,CAAC,EAAE,CAAC;IACrB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,OAAO,aAAa,CAAC,CAAC,CAAC,gCAsF1D,CAAC"}

package/dist/components/inputs/multiSelect/dropDown.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import IconButton from "../../buttons/iconButton/index.js";
+import Tooltip from "../../feedback/tooltip/index.js";
+import Input from "../input/index.js";
+import { useMemo } from "react";
+import { faCheckDouble, faXmark, faCheck, } from "@fortawesome/free-solid-svg-icons";
+export const DropDownSection = (props) => {
+    const { size = "md", value = [] } = props;
+    const list = useMemo(() => {
+        return props.filteredOptions.length > 0 ? (props.filteredOptions.map((option) => {
+            const isSelected = value.find((v) => v[props.labelKey] === option[props.labelKey]);
+            const key = Math.random().toString(36).slice(2);
+            return (_jsxs("li", { className: `k-multiselect-option k-multiselect-option-${size} ${isSelected ? "k-multiselect-option-selected" : ""}`, onClick: (e) => {
+                    e.stopPropagation();
+                    props.handleOptionToggle(option);
+                }, children: [_jsx("span", { className: "k-multiselect-option-label", children: String(option[props.labelKey]) }), isSelected && (_jsx(FontAwesomeIcon, { icon: faCheck, className: "k-multiselect-check" }))] }, key));
+        })) : (_jsx("li", { className: `k-multiselect-no-results k-multiselect-option-${size}`, children: props.options.length === 0
+                ? "No options available"
+                : "No options found" }));
+    }, [props.filteredOptions, value]);
+    return (_jsxs("div", { className: `k-multiselect-dropdown k-multiselect-dropdown-${size}`, children: [_jsxs("div", { className: "k-multiselect-search-container", children: [_jsx(Input, { ref: props.searchInputRef, type: "text", placeholder: "Search options...", size: props.size, value: props.searchTerm, onChange: (e) => props.setSearchTerm(e.target.value), onClick: (e) => e.stopPropagation() }), _jsxs("div", { className: "k-multiselect-bulk-actions", children: [_jsx(Tooltip, { content: "Select All", children: _jsx(IconButton, { icon: faCheckDouble, size: size, variant: "success", onClick: (e) => {
+                                        e.stopPropagation();
+                                        props.handleSelectAll();
+                                    }, disabled: value.length === props.options.length }) }), _jsx(Tooltip, { content: "Clear All", children: _jsx(IconButton, { icon: faXmark, size: size, variant: "danger", onClick: (e) => {
+                                        e.stopPropagation();
+                                        props.handleClearAll();
+                                    }, disabled: value.length === 0 }) })] })] }), _jsx("ul", { className: "k-multiselect-options-list", children: list })] }));
+};
+//# sourceMappingURL=dropDown.js.map

package/dist/components/inputs/multiSelect/dropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropDown.js","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/dropDown.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/multiSelect/index.d.ts

@@ -0,0 +1,39 @@
+import { PropsWithSize } from "../../types.js";
+import "./styles.css";
+interface MultiSelectProps<T> extends PropsWithSize {
+    /** Array of options to display */
+    options: T[];
+    /** Currently selected values */
+    value?: T[];
+    /** The key of the Options object that will be displayed to the user */
+    labelKey: keyof T;
+    /** Callback when selection changes */
+    onChange?: (values: T[]) => void;
+    /** Label to display above the component */
+    label?: string | React.ReactNode;
+    /** **_Optional_** whether the field is required (shows red asterisk and enables validation) */
+    required?: boolean;
+    /** Placeholder text when no items are selected */
+    placeholder?: string;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** ID for the component */
+    id?: string;
+}
+/**
+ * MultiSelect component with search functionality for selecting multiple options.
+ * Supports searching through options with a built-in filter.
+ *
+ * @param props - The props for the MultiSelect component
+ * @param props.options - Array of options to display
+ * @param props.value - Currently selected values
+ * @param props.onChange - Callback when selection changes
+ * @param props.label - **_Optional_** Label to display above the component
+ * @param props.placeholder - **_Optional_** Placeholder text when no items are selected
+ * @param props.disabled - **_Optional_** Whether the component is disabled
+ * @param props.id - **_Optional_** ID for the component
+ * @param props.size - **_Optional_** Size variant ("sm" | "md" | "lg"). Defaults to "md"
+ */
+declare const MultiSelect: <T>(props: MultiSelectProps<T>) => import("react").JSX.Element;
+export default MultiSelect;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/multiSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,UAAU,gBAAgB,CAAC,CAAC,CAAE,SAAQ,aAAa;IACjD,kCAAkC;IAClC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,GAAI,CAAC,EAAG,OAAO,gBAAgB,CAAC,CAAC,CAAC,gCAwMlD,CAAC;AAEF,eAAe,WAAW,CAAC"}