inconel 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ayhan Yanbul
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,217 @@
+
+# inconel
+
+
+Accessible, type-safe and customizable React UI components.
+
+Inconel is structured as a publishable component library. React stays a peer
+dependency, components are tree-shakeable, TypeScript declarations are
+included, and styles can be customized through CSS variables.
+
+## Installation
+
+```bash
+npm install inconel
+```
+
+Import the library styles once in the application entry:
+
+```tsx
+import 'inconel/styles.css'
+```
+
+## Components
+
+### Select
+
+```tsx
+import { Select, type OptionValue } from 'inconel'
+
+interface City {
+  id: number
+  name: string
+  countryCode: string
+}
+
+const [cityId, setCityId] = useState<OptionValue | null>(null)
+
+<Select
+  name="cityId"
+  label="City"
+  options={cities}
+  optionLabel="name"
+  optionValue="id"
+  value={cityId}
+  isClearable
+  isRequired
+  menuPortalTarget={
+    typeof document !== 'undefined' ? document.body : null
+  }
+  onChange={(nextValue, selectedCity) => {
+    setCityId(nextValue)
+  }}
+/>
+```
+
+`optionLabel` and `optionValue` also accept functions:
+
+```tsx
+<Select
+  optionLabel={(city) => `${city.name} (${city.countryCode})`}
+  optionValue={(city) => city.id}
+  getOptionSearchText={(city) => `${city.name} ${city.countryCode}`}
+  // ...
+/>
+```
+
+Async loading supports debounce and request cancellation:
+
+```tsx
+<Select
+  options={[]}
+  loadOptions={async (query, signal) => {
+    const response = await fetch(`/api/cities?q=${query}`, { signal })
+    return response.json()
+  }}
+  loadOptionsDebounceMs={300}
+  optionLabel="name"
+  optionValue="id"
+  // ...
+/>
+```
+
+Large lists are automatically virtualized at `virtualizationThreshold`.
+Virtualization can also be forced with the `virtualize` prop.
+
+### Input
+
+```tsx
+import { Input, type InputPayload } from 'inconel'
+
+<Input
+  name="email"
+  label="Email"
+  type="email"
+  hint="We will never share your email."
+  placeholder="name@example.com"
+  fullWidth
+/>
+```
+
+Input additionally supports locale-aware number, currency and percentage
+formatting, phone masks, validation, rounding, debounce, limits, clearable and
+read-only states:
+
+```tsx
+const [amount, setAmount] = useState<number | null>(null)
+
+<Input
+  label="Amount"
+  type="currency"
+  value={amount}
+  locale="en-US"
+  currency="USD"
+  decimalScale={2}
+  min={0}
+  max={100_000}
+  roundOnBlur
+  roundMode="round"
+  isClearable
+  clearButtonLabel="Clear amount"
+  validationMessages={{
+    required: 'Amount is required.',
+    invalidNumber: 'Enter a valid amount.',
+    minNumber: 'Amount must be at least {min}.',
+    maxNumber: 'Amount must be at most {max}.',
+  }}
+  onChange={({ rawValue }: InputPayload) => {
+    setAmount(typeof rawValue === 'number' ? rawValue : null)
+  }}
+/>
+
+<Input
+  label="Phone"
+  type="phone"
+  mask="(XXX) XXX XX XX"
+  limit={10}
+  required
+  validationMessages={{
+    required: 'Phone number is required.',
+    invalidPhone: 'Enter a valid phone number.',
+  }}
+/>
+```
+
+Event callbacks receive an `InputPayload` containing `rawValue`,
+`formattedValue`, validation state, the last character/key and the event type.
+Inconel does not contain default user-facing validation copy. Applications
+provide localized messages through `validationMessages`.
+
+### Textarea
+
+```tsx
+import { Textarea } from 'inconel'
+
+<Textarea
+  name="message"
+  label="Message"
+  rows={5}
+  resize="vertical"
+  fullWidth
+/>
+```
+
+## Theming
+
+Override Inconel design tokens in your application:
+
+```css
+:root {
+  --inconel-color-primary: #7c3aed;
+  --inconel-color-primary-hover: #6d28d9;
+  --inconel-radius-md: 10px;
+  --inconel-font-family: Inter, sans-serif;
+}
+```
+
+Select additionally supports part-based `classNames` and `styles` props.
+
+## Select ref API
+
+```tsx
+const selectRef = useRef<SelectHandle>(null)
+
+selectRef.current?.focus()
+selectRef.current?.blur()
+selectRef.current?.clear()
+```
+
+## Development
+
+```bash
+npm install
+npm run dev
+npm test
+npm run lint
+npm run build
+npm run build:playground
+npm run pack:check
+```
+
+The playground is intentionally separate from the package entry. Only
+`dist`, `README.md`, and `LICENSE` are included in the published package.
+
+## Publishing
+
+1. Update `version` in `package.json`.
+2. Run `npm run prepublishOnly`.
+3. Inspect the package with `npm run pack:check`.
+4. Sign in with `npm login`.
+5. Publish with `npm publish`.
+
+The unscoped `inconel` package name must be available on npm. If it is not,
+use a scoped name such as `@ayhanyanbul/inconel`.
+
+## License
+
+MIT © Ayhan Yanbul

package/dist/components/FieldFeedback/FieldFeedback.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface FieldFeedbackContentProps {
+    hint?: ReactNode;
+    errorMessage?: ReactNode;
+}
+export interface FieldFeedbackProps extends FieldFeedbackContentProps {
+    hintId: string;
+    errorId: string;
+    className?: string;
+}
+declare function FieldFeedback({ hint, errorMessage, hintId, errorId, className, }: FieldFeedbackProps): import("react").JSX.Element | null;
+export default FieldFeedback;
+//# sourceMappingURL=FieldFeedback.d.ts.map

package/dist/components/FieldFeedback/FieldFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldFeedback.d.ts","sourceRoot":"","sources":["../../../src/components/FieldFeedback/FieldFeedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB;IACnE,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE,kBAAkB,sCA6BpB;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,3 @@
+export { default as FieldFeedback } from './FieldFeedback';
+export type { FieldFeedbackContentProps, FieldFeedbackProps, } from './FieldFeedback';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FieldFeedback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldFeedback/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,YAAY,EACV,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,iBAAiB,CAAA"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,61 @@
+import { FocusEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback';
+export type InputType = 'text' | 'number' | 'currency' | 'percent' | 'phone' | 'email' | 'password';
+export type InputRoundMode = 'ceil' | 'floor' | 'round';
+export type InputValue = string | number | null;
+export type InputEventType = 'change' | 'blur' | 'focus' | 'keydown' | 'mouseenter' | 'mouseleave' | 'clear';
+export interface InputPayload {
+    rawValue: InputValue;
+    formattedValue: string;
+    error: boolean;
+    char: string | null;
+    eventType: InputEventType;
+}
+export interface InputValidationMessages {
+    required?: string;
+    invalidNumber?: string;
+    minNumber?: string;
+    maxNumber?: string;
+    minLength?: string;
+    maxLength?: string;
+    invalidPhone?: string;
+    invalidEmail?: string;
+}
+type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'min' | 'max' | 'size' | 'readOnly'>;
+export interface InputProps extends NativeInputProps, FieldFeedbackContentProps {
+    label?: string;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    fullWidth?: boolean;
+    inputClassName?: string;
+    labelClassName?: string;
+    value?: InputValue;
+    defaultValue?: InputValue;
+    onChange?: (payload: InputPayload) => void;
+    onBlur?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (payload: InputPayload, event: KeyboardEvent<HTMLInputElement>) => void;
+    onMouseEnter?: (payload: InputPayload, event: MouseEvent<HTMLInputElement>) => void;
+    onMouseLeave?: (payload: InputPayload, event: MouseEvent<HTMLInputElement>) => void;
+    type?: InputType;
+    locale?: string;
+    currency?: string;
+    decimalScale?: number;
+    roundMode?: InputRoundMode;
+    roundOnBlur?: boolean;
+    min?: number;
+    max?: number;
+    allowNegative?: boolean;
+    debounceMs?: number;
+    validateOnSubmit?: boolean;
+    validationMessages?: InputValidationMessages;
+    mask?: string;
+    limit?: number;
+    isClearable?: boolean;
+    readOnly?: boolean;
+    clearButtonLabel?: string;
+    readOnlyEmptyValue?: ReactNode;
+}
+declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

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

package/dist/components/Input/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FORMATTED_INPUT_TYPES: readonly ["number", "currency", "percent"];
+export declare const LENGTH_VALIDATED_INPUT_TYPES: readonly ["text", "email", "password"];
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/Input/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Input/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,4CAIxB,CAAA;AAEV,eAAO,MAAM,4BAA4B,wCAI/B,CAAA"}

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

@@ -0,0 +1,3 @@
+export { default as Input } from './Input';
+export type { InputEventType, InputPayload, InputProps, InputRoundMode, InputType, InputValidationMessages, InputValue, } from './Input';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,YAAY,EACV,cAAc,EACd,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,uBAAuB,EACvB,UAAU,GACX,MAAM,SAAS,CAAA"}

package/dist/components/Input/utils.d.ts

@@ -0,0 +1,21 @@
+import { InputRoundMode, InputType, InputValidationMessages, InputValue } from './Input';
+export interface InputValidationOptions {
+    required: boolean;
+    type: InputType;
+    min?: number;
+    max?: number;
+    mask?: string;
+    messages: InputValidationMessages;
+}
+export declare function isFormattedInputType(type: InputType): boolean;
+export declare function isLengthValidatedInputType(type: InputType): boolean;
+export declare function getInputSeparators(locale: string): {
+    group: string;
+    decimal: string;
+};
+export declare function parseInputNumber(value: string, locale: string): number | null;
+export declare function roundInputNumber(value: number, scale: number, mode: InputRoundMode): number;
+export declare function applyInputMask(value: InputValue, mask: string): string;
+export declare function formatInputValue(value: InputValue, type: InputType, locale: string, decimalScale: number, currency: string, mask?: string): string;
+export declare function validateInputValue(candidate: InputValue, { required, type, min, max, mask, messages, }: InputValidationOptions): string | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/Input/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Input/utils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,uBAAuB,EACvB,UAAU,EACX,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,SAAS,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,uBAAuB,CAAA;CAClC;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,WAEnD;AAED,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,SAAS,WAEzD;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM;;;EAMhD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAM7E;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,cAAc,UAQrB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,UAe7D;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,MAAM,UAkBd;AAED,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,UAAU,EACrB,EACE,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,GACT,EAAE,sBAAsB,iBA8C1B"}

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,53 @@
+import { CSSProperties, ForwardedRef, ReactNode } from 'react';
+import { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback';
+export type OptionValue = string | number;
+export interface SelectHandle {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+}
+type SelectPart = 'root' | 'label' | 'control' | 'input' | 'clearButton' | 'toggleButton' | 'menu' | 'option' | 'message';
+export type SelectClassNames = Partial<Record<SelectPart, string>>;
+export type SelectStyles = Partial<Record<SelectPart, CSSProperties>>;
+export interface SelectProps<T extends object> extends FieldFeedbackContentProps {
+    id?: string;
+    name?: string;
+    label: string;
+    options: T[];
+    value: OptionValue | null;
+    onChange: (value: OptionValue | null, option: T | null) => void;
+    optionLabel: keyof T | ((option: T) => ReactNode);
+    optionValue: keyof T | ((option: T) => OptionValue);
+    getOptionSearchText?: (option: T) => string;
+    isOptionDisabled?: (option: T) => boolean;
+    placeholder?: string;
+    isClearable?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isLoading?: boolean;
+    loadOptions?: (inputValue: string, signal: AbortSignal) => Promise<T[]>;
+    loadOptionsDebounceMs?: number;
+    asyncErrorMessage?: ReactNode;
+    loadingMessage?: ReactNode;
+    noOptionsMessage?: ReactNode;
+    clearButtonLabel?: string;
+    openMenuButtonLabel?: string;
+    closeMenuButtonLabel?: string;
+    searchLocale?: string;
+    menuPortalTarget?: HTMLElement | null;
+    virtualize?: boolean;
+    virtualizationThreshold?: number;
+    optionHeight?: number;
+    className?: string;
+    classNames?: SelectClassNames;
+    styles?: SelectStyles;
+    onInputChange?: (value: string) => void;
+    onMenuOpen?: () => void;
+    onMenuClose?: () => void;
+}
+declare const Select: <T extends object>(props: SelectProps<T> & {
+    ref?: ForwardedRef<SelectHandle>;
+}) => ReactNode;
+export default Select;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/Select/Select.d.ts.map

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

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

@@ -0,0 +1,3 @@
+export { default as Select } from './Select';
+export type { OptionValue, SelectClassNames, SelectHandle, SelectProps, SelectStyles, } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,YAAY,GACb,MAAM,UAAU,CAAA"}

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,10 @@
+import { TextareaHTMLAttributes } from 'react';
+import { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback';
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldFeedbackContentProps {
+    label?: string;
+    fullWidth?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAE/E,MAAM,WAAW,aACf,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,yBAAyB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;CACrD;AAED,QAAA,MAAM,QAAQ,+GAqEb,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,3 @@
+export { default as Textarea } from './Textarea';
+export type { TextareaProps } from './Textarea';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './FieldFeedback';
+export * from './Input';
+export * from './Select';
+export * from './Textarea';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),te=require("@floating-ui/react"),Ye=require("@tanstack/react-virtual"),Ke=require("react-dom");function Ne({hint:t,errorMessage:u,hintId:s,errorId:l,className:c}){return u?r.jsx("p",{id:l,className:["inconel-field-feedback","is-error",c??""].join(" "),role:"alert",children:u}):t?r.jsx("p",{id:s,className:["inconel-field-feedback","is-hint",c??""].join(" "),children:t}):null}const Oe=["number","currency","percent"],Xe=["text","email","password"];function re(t){return Oe.some(u=>u===t)}function Ce(t){return Xe.some(u=>u===t)}function Me(t){const u=new Intl.NumberFormat(t).formatToParts(1000.1);return{group:u.find(s=>s.type==="group")?.value??".",decimal:u.find(s=>s.type==="decimal")?.value??","}}function Ge(t,u){if(!t||t==="-")return null;const{group:s,decimal:l}=Me(u),c=t.split(s).join("").replace(l,"."),f=Number(c);return Number.isNaN(f)?null:f}function We(t,u,s){const l=10**u;return s==="ceil"?Math.ceil(t*l)/l:s==="round"?Math.round(t*l)/l:t>=0?Math.floor(t*l)/l:Math.ceil(t*l)/l}function De(t,u){const s=String(t??"").replace(/\D/g,"");let l=0,c="";for(const f of u)if(f==="X"){if(l>=s.length)break;c+=s[l++]}else l<s.length&&(c+=f);return c}function ze(t,u,s,l,c,f){return t==null||t===""?"":u==="phone"&&f?De(t,f):!re(u)||typeof t!="number"||Number.isNaN(t)?String(t):new Intl.NumberFormat(s,{style:u==="currency"?"currency":u==="percent"?"percent":"decimal",currency:u==="currency"?c:void 0,minimumFractionDigits:l,maximumFractionDigits:l}).format(t)}function Je(t,{required:u,type:s,min:l,max:c,mask:f,messages:m}){if(u&&(t==null||t===""))return m.required??null;if(t==null||t==="")return null;if(s==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(t)))return m.invalidEmail??null;if(s==="phone"){const y=String(t).replace(/\D/g,""),k=f?(f.match(/X/g)??[]).length:y.startsWith("0")?11:10;if(y.length!==k)return m.invalidPhone??null}if(Ce(s)){if(typeof l=="number"&&String(t).length<l)return m.minLength?.replace("{min}",String(l))??null;if(typeof c=="number"&&String(t).length>c)return m.maxLength?.replace("{max}",String(c))??null}if(re(s)){if(typeof t!="number"||Number.isNaN(t))return m.invalidNumber??null;if(typeof l=="number"&&t<l)return m.minNumber?.replace("{min}",String(l))??null;if(typeof c=="number"&&t>c)return m.maxNumber?.replace("{max}",String(c))??null}return null}const Qe=o.forwardRef(function({id:u,label:s,hint:l,errorMessage:c,startAdornment:f,endAdornment:m,fullWidth:y=!1,inputClassName:k,labelClassName:B,className:K,required:z,disabled:g,value:T,defaultValue:C="",onChange:V,onBlur:v,onFocus:R,onKeyDown:O,onMouseEnter:X,onMouseLeave:Se,type:h="text",locale:H="tr-TR",currency:G="TRY",decimalScale:W=0,roundMode:ve="floor",roundOnBlur:ie=!1,min:M,max:le,allowNegative:ce=!1,debounceMs:ue=0,validateOnSubmit:ae=!1,validationMessages:j,mask:a,limit:$,isClearable:Ee=!1,readOnly:fe=!1,clearButtonLabel:de,readOnlyEmptyValue:ke=null,autoComplete:F="off","aria-describedby":pe,...he},me){const ge=o.useId(),U=u??`inconel-input-${ge.replace(/:/g,"")}`,q=`${U}-hint`,J=`${U}-error`,d=T!==void 0,[be,D]=o.useState(C),b=d?T:be,[x,I]=o.useState(""),[Te,xe]=o.useState(!1),[Ve,Q]=o.useState(null),L=o.useRef(null),je=j??{},w=c??Ve,P=n=>Je(n,{required:!!z,type:h,min:M,max:le,mask:a,messages:je}),Y=o.useMemo(()=>ze(b,h,H,W,G,a),[b,G,W,H,a,h]),E=(n,p,N=null)=>({rawValue:n,formattedValue:ze(n,h,H,W,G,a),error:!!P(n),char:N,eventType:p}),A=(n,p=!1)=>{d||D(n.rawValue),L.current&&clearTimeout(L.current),V&&(p||ue<=0?V(n):L.current=setTimeout(()=>V(n),ue))};o.useEffect(()=>()=>{L.current&&clearTimeout(L.current)},[]),o.useEffect(()=>{ae&&Q(P(b))},[ae]);const Z=n=>{if(h==="phone"&&a)return n.replace(/\D/g,"");if(re(h)){const p=Ge(n,H);return p===null?n===""?null:n:ce?p:Math.abs(p)}return n},oe=n=>{const p=n.replace(/\D/g,"");if($&&(re(h)||h==="phone")&&p.length>$||$&&Ce(h)&&n.length>$)return;const N=Z(n);typeof N=="number"&&(typeof M=="number"&&N<M||typeof le=="number"&&N>le)||(I(h==="phone"&&a?De(N,a):n),A(E(N,"change",n.slice(-1)||null)))},$e=[pe,l&&!w?q:void 0,w?J:void 0].filter(Boolean).join(" ")||void 0;return fe?r.jsxs("div",{className:["inconel-field",y?"inconel-field--full-width":"",K??""].join(" "),children:[s&&r.jsx("span",{className:["inconel-field__label",B??""].join(" "),children:s}),r.jsx("div",{className:"inconel-input-readonly","aria-label":s,children:Y||ke})]}):r.jsxs("div",{className:["inconel-field",y?"inconel-field--full-width":"",K??""].join(" "),children:[s&&r.jsxs("label",{className:["inconel-field__label",B??""].join(" "),htmlFor:U,children:[s,z&&r.jsx("span",{className:"inconel-field__required","aria-hidden":"true",children:" *"})]}),r.jsxs("div",{className:["inconel-input-control",w?"is-invalid":"",g?"is-disabled":""].join(" "),children:[f&&r.jsx("span",{className:"inconel-input-adornment","aria-hidden":"true",children:f}),r.jsx("input",{...he,ref:me,id:U,type:h==="password"||h==="email"?h:"text",inputMode:re(h)?"decimal":h==="phone"?"tel":void 0,value:Te?x:Y,required:z,disabled:g,autoComplete:F,"aria-invalid":!!w,"aria-describedby":$e,className:["inconel-input",k??""].join(" "),onChange:n=>oe(n.target.value),onFocus:n=>{if(g)return;xe(!0);const p=h==="phone"&&a?De(b,a):re(h)?String(b??"").replace(".",Me(H).decimal):String(b??"");I(p),R?.(E(b,"focus"),n)},onBlur:n=>{xe(!1),L.current&&clearTimeout(L.current);let p=Z(x);typeof p=="number"&&(p=We(p,W,ie?ve:"floor")),Q(P(p));const N=E(p,"blur");A(N,!0),v?.(N,n)},onKeyDown:n=>{!ce&&(n.key==="-"||n.key==="Subtract")&&n.preventDefault(),O?.(E(b,"keydown",n.key),n)},onMouseEnter:n=>X?.(E(b,"mouseenter"),n),onMouseLeave:n=>Se?.(E(b,"mouseleave"),n)}),Ee&&!g&&Y&&de&&r.jsx("button",{type:"button",className:"inconel-input-clear","aria-label":de,onClick:()=>{I(""),Q(P(null)),A(E(null,"clear"),!0)},children:"×"}),m&&r.jsx("span",{className:"inconel-input-adornment","aria-hidden":"true",children:m})]}),r.jsx(Ne,{hint:l,errorMessage:w,hintId:q,errorId:J})]})});function _(...t){return t.filter(Boolean).join(" ")}function Ze({id:t,name:u,label:s,options:l,value:c,onChange:f,optionLabel:m,optionValue:y,getOptionSearchText:k,isOptionDisabled:B=()=>!1,placeholder:K,isClearable:z=!1,isDisabled:g=!1,isReadOnly:T=!1,isRequired:C=!1,isLoading:V=!1,loadOptions:v,loadOptionsDebounceMs:R=250,hint:O,errorMessage:X,asyncErrorMessage:Se,loadingMessage:h,noOptionsMessage:H,clearButtonLabel:G,openMenuButtonLabel:W,closeMenuButtonLabel:ve,searchLocale:ie,menuPortalTarget:M,virtualize:le=!1,virtualizationThreshold:ce=100,optionHeight:ue=44,className:ae,classNames:j={},styles:a={},onInputChange:$,onMenuOpen:Ee,onMenuClose:fe},de){const ke=o.useId(),F=t??`inconel-select-${ke.replace(/:/g,"")}`,pe=`${F}-label`,he=`${F}-listbox`,me=`${F}-message`,ge=`${F}-hint`,U=o.useRef(null),q=o.useRef(null),J=o.useRef(null),[d,be]=o.useState(!1),[D,b]=o.useState(""),[x,I]=o.useState(0),[Te,xe]=o.useState(null),[Ve,Q]=o.useState(!1),[L,je]=o.useState(!1);o.useEffect(()=>{if(!v)return;const e=new AbortController,i=window.setTimeout(async()=>{Q(!0),je(!1);try{const S=await v(D,e.signal);e.signal.aborted||xe(S)}catch{e.signal.aborted||je(!0)}finally{e.signal.aborted||Q(!1)}},R);return()=>{window.clearTimeout(i),e.abort()}},[D,v,R]);const w=v?Te??l:l,P=V||Ve,Y=o.useCallback(e=>typeof m=="function"?m(e):String(e[m]),[m]),E=o.useCallback(e=>{if(k)return k(e);const i=Y(e);return typeof i=="string"||typeof i=="number"?String(i):""},[Y,k]),A=o.useCallback(e=>{const i=typeof y=="function"?y(e):e[y];if(typeof i!="string"&&typeof i!="number")throw new TypeError("optionValue must resolve to a string or number.");return i},[y]),Z=o.useMemo(()=>{const e=new Set;return w.map(A).filter(i=>e.has(i)?!0:(e.add(i),!1))},[w,A]);o.useEffect(()=>{Z.length&&console.warn(`Duplicate optionValue found in Select "${s}":`,Z)},[Z,s]);const oe=[...l,...w].find(e=>A(e)===c),$e=oe?E(oe):"",n=o.useMemo(()=>{const e=D.trim().toLocaleLowerCase(ie);return!e||v?w:w.filter(i=>E(i).toLocaleLowerCase(ie).includes(e))},[w,E,D,v,ie]),{refs:p,floatingStyles:N}=te.useFloating({open:d,placement:"bottom-start",strategy:M?"fixed":"absolute",whileElementsMounted:te.autoUpdate,middleware:[te.offset(8),te.flip({padding:12}),te.shift({padding:12}),te.size({padding:12,apply({availableHeight:e,rects:i,elements:S}){Object.assign(S.floating.style,{maxHeight:`${Math.min(230,e)}px`,width:`${i.reference.width}px`})}})]}),ye=le||n.length>=ce,Ie=Ye.useVirtualizer({count:n.length,getScrollElement:()=>J.current,estimateSize:()=>ue,overscan:5,enabled:ye&&d}),ee=o.useCallback(()=>{be(!1),b(""),$?.(""),fe?.()},[$,fe]),se=()=>{g||T||(d||Ee?.(),be(!0))},we=o.useCallback(()=>{g||T||(f(null,null),b(""),I(0),$?.(""),q.current?.focus())},[g,T,f,$]);o.useImperativeHandle(de,()=>({focus:()=>q.current?.focus(),blur:()=>q.current?.blur(),clear:we}),[we]),o.useEffect(()=>{const e=i=>{const S=i.target;!U.current?.contains(S)&&!J.current?.contains(S)&&ee()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[ee]),o.useEffect(()=>{x>=n.length&&I(0)},[x,n.length]),o.useEffect(()=>{ye&&d&&n[x]&&Ie.scrollToIndex(x,{align:"auto"})},[x,n,d,ye,Ie]);const Le=e=>{B(e)||(f(A(e),e),ee(),q.current?.focus())},qe=e=>{if(!n.length)return;let i=x;do i=(i+e+n.length)%n.length;while(B(n[i])&&i!==x);I(i)},Fe=(e=!1)=>{const i=n.map((S,ne)=>({option:S,index:ne}));return e&&i.reverse(),i.find(({option:S})=>!B(S))?.index??0},Pe=e=>{if(e.key==="Backspace"&&!D&&c!==null&&z){e.preventDefault(),we();return}if(e.key==="ArrowDown"||e.key==="ArrowUp")e.preventDefault(),d?qe(e.key==="ArrowDown"?1:-1):(se(),I(Fe(e.key==="ArrowUp")));else if(e.key==="Home"&&d)e.preventDefault(),I(Fe());else if(e.key==="End"&&d)e.preventDefault(),I(Fe(!0));else if(e.key==="Enter"&&d){e.preventDefault();const i=n[x];i&&Le(i)}else e.key==="Escape"&&d?(e.preventDefault(),ee()):e.key==="Tab"&&ee()},Ae=(e,i,S)=>{const ne=A(e),_e=B(e);return r.jsxs("div",{id:`${F}-option-${i}`,role:"option","aria-selected":ne===c,"aria-disabled":_e,"aria-posinset":i+1,"aria-setsize":n.length,className:_("inconel-select-option",i===x&&"is-active",ne===c&&"is-selected",_e&&"is-disabled",j.option),style:{...S,...a.option},onMouseEnter:()=>I(i),onMouseDown:Ue=>Ue.preventDefault(),onClick:()=>Le(e),children:[r.jsx("span",{children:Y(e)}),ne===c&&r.jsx("span",{"aria-hidden":"true",children:"✓"})]},ne)},Re=P?r.jsxs("div",{role:"status",className:_("inconel-select-message",j.message),style:a.message,children:[r.jsx("span",{className:"inconel-select-spinner","aria-hidden":"true"}),h]}):L?r.jsx("div",{role:"alert",className:_("inconel-select-message inconel-select-message-error",j.message),style:a.message,children:Se}):n.length===0?r.jsx("div",{className:_("inconel-select-message",j.message),style:a.message,children:H}):ye?r.jsx("div",{role:"presentation",className:"inconel-select-virtual-content",style:{height:Ie.getTotalSize()},children:Ie.getVirtualItems().map(e=>Ae(n[e.index],e.index,{position:"absolute",top:0,left:0,width:"100%",height:e.size,transform:`translateY(${e.start}px)`}))}):n.map((e,i)=>Ae(e,i)),Be=d?r.jsx("div",{ref:e=>{J.current=e,p.setFloating(e)},id:he,role:"listbox","aria-labelledby":pe,className:_("inconel-select-menu",M&&"inconel-select-menu-portal",j.menu),style:{...N,...a.menu},children:Re}):null,He=X?me:O?ge:void 0;return r.jsxs("div",{ref:U,className:_("inconel-select-field",ae,j.root),style:a.root,children:[r.jsxs("label",{id:pe,htmlFor:F,className:j.label,style:a.label,children:[s,C&&r.jsx("span",{"aria-hidden":"true",children:" *"})]}),r.jsxs("div",{ref:p.setReference,className:_("inconel-select-control",d&&"is-open",g&&"is-disabled",!!X&&"has-error",j.control),style:a.control,children:[r.jsx("input",{ref:q,id:F,role:"combobox","aria-expanded":d,"aria-controls":he,"aria-autocomplete":"list","aria-activedescendant":d&&n[x]?`${F}-option-${x}`:void 0,"aria-describedby":He,"aria-invalid":!!X,"aria-required":C,"aria-busy":P,required:C,disabled:g,readOnly:T,autoComplete:"off",placeholder:K,value:D||$e,className:j.input,style:a.input,onChange:e=>{b(e.target.value),I(0),$?.(e.target.value),se()},onClick:se,onFocus:e=>{se(),oe&&!D&&e.currentTarget.select()},onKeyDown:Pe}),P&&r.jsx("span",{className:"inconel-select-spinner","aria-hidden":"true"}),z&&c!==null&&!g&&!T&&G&&r.jsx("button",{type:"button",className:_("inconel-select-clear",j.clearButton),style:a.clearButton,"aria-label":G,onClick:we,children:"×"}),r.jsx("button",{type:"button",className:_("inconel-select-toggle",j.toggleButton),style:a.toggleButton,"aria-label":d?ve:W,"aria-expanded":d,disabled:g,tabIndex:-1,onClick:()=>d?ee():se(),children:r.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 20 20",width:"20",height:"20",fill:"none",children:r.jsx("path",{d:"m5 7.5 5 5 5-5",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),u&&r.jsx("input",{type:"hidden",name:u,value:c??"",required:C}),r.jsx(Ne,{hint:O,errorMessage:X,hintId:ge,errorId:me}),M&&Be?Ke.createPortal(Be,M):Be]})}const en=o.forwardRef(Ze),nn=o.forwardRef(function({id:u,label:s,hint:l,errorMessage:c,fullWidth:f=!1,resize:m="vertical",className:y,required:k,disabled:B,"aria-describedby":K,style:z,...g},T){const C=o.useId(),V=u??`inconel-textarea-${C.replace(/:/g,"")}`,v=`${V}-hint`,R=`${V}-error`,O=[K,l&&!c?v:void 0,c?R:void 0].filter(Boolean).join(" ")||void 0;return r.jsxs("div",{className:["inconel-field",f?"inconel-field--full-width":"",y??""].join(" "),children:[s&&r.jsxs("label",{className:"inconel-field__label",htmlFor:V,children:[s,k&&r.jsx("span",{"aria-hidden":"true",children:" *"})]}),r.jsx("textarea",{...g,ref:T,id:V,required:k,disabled:B,"aria-invalid":!!c,"aria-describedby":O,className:["inconel-textarea",c?"is-invalid":""].join(" "),style:{...z,resize:m}}),r.jsx(Ne,{hint:l,errorMessage:c,hintId:v,errorId:R})]})});exports.FieldFeedback=Ne;exports.Input=Qe;exports.Select=en;exports.Textarea=nn;
+//# sourceMappingURL=index.cjs.map