inconel 0.1.6 → 0.1.7

package/dist/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\n\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\nimport '../shared/field.css'\nimport '../shared/field-controls.css'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport './styles.css'\nimport {\n  applyInputMask,\n  formatInputValue,\n  getInputSeparators,\n  isFormattedInputType,\n  isLengthValidatedInputType,\n  parseInputNumber,\n  roundInputNumber,\n  validateInputValue,\n} from './utils'\n\nexport type InputType =\n  | 'text'\n  | 'number'\n  | 'currency'\n  | 'percent'\n  | 'phone'\n  | 'email'\n  | 'password'\n\nexport type InputRoundMode = 'ceil' | 'floor' | 'round'\nexport type InputValue = string | number | null\nexport type InputEventType =\n  | 'change'\n  | 'blur'\n  | 'focus'\n  | 'keydown'\n  | 'mouseenter'\n  | 'mouseleave'\n  | 'clear'\n\nexport interface InputPayload {\n  rawValue: InputValue\n  formattedValue: string\n  error: boolean\n  char: string | null\n  eventType: InputEventType\n}\n\nexport interface InputValidationMessages {\n  required?: string\n  invalidNumber?: string\n  minNumber?: string\n  maxNumber?: string\n  minLength?: string\n  maxLength?: string\n  invalidPhone?: string\n  invalidEmail?: string\n}\n\ntype NativeInputProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  | 'type'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'min'\n  | 'max'\n  | 'size'\n  | 'readOnly'\n>\n\nexport interface InputProps extends NativeInputProps, FieldFeedbackContentProps {\n  label?: string\n  startAdornment?: ReactNode\n  endAdornment?: ReactNode\n  fullWidth?: boolean\n  inputClassName?: string\n  labelClassName?: string\n  value?: InputValue\n  defaultValue?: InputValue\n  onChange?: (payload: InputPayload) => void\n  onBlur?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n  onFocus?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n  onKeyDown?: (\n    payload: InputPayload,\n    event: KeyboardEvent<HTMLInputElement>,\n  ) => void\n  onMouseEnter?: (\n    payload: InputPayload,\n    event: MouseEvent<HTMLInputElement>,\n  ) => void\n  onMouseLeave?: (\n    payload: InputPayload,\n    event: MouseEvent<HTMLInputElement>,\n  ) => void\n  type?: InputType\n  locale?: string\n  currency?: string\n  decimalScale?: number\n  roundMode?: InputRoundMode\n  roundOnBlur?: boolean\n  min?: number\n  max?: number\n  allowNegative?: boolean\n  debounceMs?: number\n  validateOnSubmit?: boolean\n  validationMessages?: InputValidationMessages\n  mask?: string\n  limit?: number\n  isClearable?: boolean\n  readOnly?: boolean\n  clearButtonLabel?: string\n  readOnlyEmptyValue?: ReactNode\n  size?: ControlSize\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    id,\n    label,\n    hint,\n    errorMessage,\n    startAdornment,\n    endAdornment,\n    fullWidth = false,\n    inputClassName,\n    labelClassName,\n    className,\n    required,\n    disabled,\n    value,\n    defaultValue = '',\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onMouseEnter,\n    onMouseLeave,\n    type = 'text',\n    locale = 'tr-TR',\n    currency = 'TRY',\n    decimalScale = 0,\n    roundMode = 'floor',\n    roundOnBlur = false,\n    min,\n    max,\n    allowNegative = false,\n    debounceMs = 0,\n    validateOnSubmit = false,\n    validationMessages,\n    mask,\n    limit,\n    isClearable = false,\n    readOnly = false,\n    clearButtonLabel,\n    readOnlyEmptyValue = null,\n    size = 'md',\n    autoComplete = 'off',\n    'aria-describedby': ariaDescribedBy,\n    ...inputProps\n  },\n  ref,\n) {\n  const generatedId = useId()\n  const inputId = id ?? `inconel-input-${generatedId.replace(/:/g, '')}`\n  const hintId = `${inputId}-hint`\n  const errorId = `${inputId}-error`\n  const controlled = value !== undefined\n  const [localValue, setLocalValue] = useState<InputValue>(defaultValue)\n  const currentValue = controlled ? value : localValue\n  const [editingValue, setEditingValue] = useState('')\n  const [focused, setFocused] = useState(false)\n  const [validationError, setValidationError] = useState<string | null>(null)\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const messages = validationMessages ?? {}\n  const visibleError = errorMessage ?? validationError\n\n  const validate = (candidate: InputValue) =>\n    validateInputValue(candidate, {\n      required: Boolean(required),\n      type,\n      min,\n      max,\n      mask,\n      messages,\n    })\n\n  const formattedValue = useMemo(\n    () =>\n      formatInputValue(\n        currentValue,\n        type,\n        locale,\n        decimalScale,\n        currency,\n        mask,\n      ),\n    [currentValue, currency, decimalScale, locale, mask, type],\n  )\n\n  const buildPayload = (\n    rawValue: InputValue,\n    eventType: InputEventType,\n    char: string | null = null,\n  ): InputPayload => ({\n    rawValue,\n    formattedValue: formatInputValue(\n      rawValue,\n      type,\n      locale,\n      decimalScale,\n      currency,\n      mask,\n    ),\n    error: Boolean(validate(rawValue)),\n    char,\n    eventType,\n  })\n\n  const emitChange = (payload: InputPayload, immediate = false) => {\n    if (!controlled) setLocalValue(payload.rawValue)\n    if (debounceRef.current) clearTimeout(debounceRef.current)\n    if (!onChange) return\n    if (immediate || debounceMs <= 0) onChange(payload)\n    else debounceRef.current = setTimeout(() => onChange(payload), debounceMs)\n  }\n\n  useEffect(() => () => {\n    if (debounceRef.current) clearTimeout(debounceRef.current)\n  }, [])\n\n  useEffect(() => {\n    if (validateOnSubmit) setValidationError(validate(currentValue))\n    // Validation intentionally runs when submit state changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [validateOnSubmit])\n\n  const normalize = (text: string): InputValue => {\n    if (type === 'phone' && mask) return text.replace(/\\D/g, '')\n    if (isFormattedInputType(type)) {\n      const parsed = parseInputNumber(text, locale)\n      if (parsed === null) return text === '' ? null : text\n      return allowNegative ? parsed : Math.abs(parsed)\n    }\n    return text\n  }\n\n  const handleChange = (text: string) => {\n    const digits = text.replace(/\\D/g, '')\n    if (\n      limit &&\n      (isFormattedInputType(type) || type === 'phone') &&\n      digits.length > limit\n    ) return\n    if (limit && isLengthValidatedInputType(type) && text.length > limit) return\n    const rawValue = normalize(text)\n    if (typeof rawValue === 'number') {\n      if (typeof min === 'number' && rawValue < min) return\n      if (typeof max === 'number' && rawValue > max) return\n    }\n    setEditingValue(\n      type === 'phone' && mask ? applyInputMask(rawValue, mask) : text,\n    )\n    emitChange(buildPayload(rawValue, 'change', text.slice(-1) || null))\n  }\n\n  const describedBy = [\n    ariaDescribedBy,\n    hint && !visibleError ? hintId : undefined,\n    visibleError ? errorId : undefined,\n  ].filter(Boolean).join(' ') || undefined\n\n  if (readOnly) {\n    return (\n      <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n        {label && <span className={['inconel-field__label', labelClassName ?? ''].join(' ')}>{label}</span>}\n        <div className=\"inconel-input-readonly\" aria-label={label}>\n          {formattedValue || readOnlyEmptyValue}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n      {label && (\n        <label className={['inconel-field__label', labelClassName ?? ''].join(' ')} htmlFor={inputId}>\n          {label}{required && <span className=\"inconel-field__required\" aria-hidden=\"true\"> *</span>}\n        </label>\n      )}\n      <div className={['inconel-input-control', visibleError ? 'inconel-is-invalid' : '', disabled ? 'inconel-is-disabled' : ''].join(' ')}>\n        {startAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{startAdornment}</span>}\n        <input\n          {...inputProps}\n          ref={ref}\n          id={inputId}\n          type={type === 'password' || type === 'email' ? type : 'text'}\n          inputMode={isFormattedInputType(type) ? 'decimal' : type === 'phone' ? 'tel' : undefined}\n          value={focused ? editingValue : formattedValue}\n          required={required}\n          disabled={disabled}\n          autoComplete={autoComplete}\n          aria-invalid={Boolean(visibleError)}\n          aria-describedby={describedBy}\n          className={['inconel-input', inputClassName ?? ''].join(' ')}\n          onChange={(event) => handleChange(event.target.value)}\n          onFocus={(event) => {\n            if (disabled) return\n            setFocused(true)\n            const editValue = type === 'phone' && mask\n              ? applyInputMask(currentValue, mask)\n              : isFormattedInputType(type)\n                ? String(currentValue ?? '').replace('.', getInputSeparators(locale).decimal)\n                : String(currentValue ?? '')\n            setEditingValue(editValue)\n            onFocus?.(buildPayload(currentValue, 'focus'), event)\n          }}\n          onBlur={(event) => {\n            setFocused(false)\n            if (debounceRef.current) clearTimeout(debounceRef.current)\n            let rawValue = normalize(editingValue)\n            if (typeof rawValue === 'number') {\n              rawValue = roundInputNumber(rawValue, decimalScale, roundOnBlur ? roundMode : 'floor')\n            }\n            setValidationError(validate(rawValue))\n            const payload = buildPayload(rawValue, 'blur')\n            emitChange(payload, true)\n            onBlur?.(payload, event)\n          }}\n          onKeyDown={(event) => {\n            if (!allowNegative && (event.key === '-' || event.key === 'Subtract')) event.preventDefault()\n            onKeyDown?.(buildPayload(currentValue, 'keydown', event.key), event)\n          }}\n          onMouseEnter={(event) => onMouseEnter?.(buildPayload(currentValue, 'mouseenter'), event)}\n          onMouseLeave={(event) => onMouseLeave?.(buildPayload(currentValue, 'mouseleave'), event)}\n        />\n        {isClearable && !disabled && formattedValue && clearButtonLabel && (\n          <button\n            type=\"button\"\n            className=\"inconel-input-clear\"\n            aria-label={clearButtonLabel}\n            onClick={() => {\n              setEditingValue('')\n              setValidationError(validate(null))\n              emitChange(buildPayload(null, 'clear'), true)\n            }}\n          >\n            ×\n          </button>\n        )}\n        {endAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{endAdornment}</span>}\n      </div>\n      <FieldFeedback\n        hint={hint}\n        errorMessage={visibleError}\n        hintId={hintId}\n        errorId={errorId}\n      />\n    </div>\n  )\n})\n\nexport default Input\n"],"names":["Input","forwardRef","id","label","hint","errorMessage","startAdornment","endAdornment","fullWidth","inputClassName","labelClassName","className","required","disabled","value","defaultValue","onChange","onBlur","onFocus","onKeyDown","onMouseEnter","onMouseLeave","type","locale","currency","decimalScale","roundMode","roundOnBlur","min","max","allowNegative","debounceMs","validateOnSubmit","validationMessages","mask","limit","isClearable","readOnly","clearButtonLabel","readOnlyEmptyValue","size","autoComplete","ariaDescribedBy","inputProps","ref","generatedId","useId","inputId","hintId","errorId","controlled","localValue","setLocalValue","useState","currentValue","editingValue","setEditingValue","focused","setFocused","validationError","setValidationError","debounceRef","useRef","messages","visibleError","validate","candidate","validateInputValue","formattedValue","useMemo","formatInputValue","buildPayload","rawValue","eventType","char","emitChange","payload","immediate","useEffect","normalize","text","isFormattedInputType","parsed","parseInputNumber","handleChange","digits","isLengthValidatedInputType","applyInputMask","describedBy","jsx","jsxs","event","editValue","getInputSeparators","roundInputNumber","FieldFeedback"],"mappings":";;;;;;;;AAqIA,MAAMA,KAAQC,GAAyC,SACrD;AAAA,EACE,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,WAAAC,KAAY;AAAA,EACZ,aAAAC,KAAc;AAAA,EACd,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,KAAc;AAAA,EACd,UAAAC,KAAW;AAAA,EACX,kBAAAC;AAAA,EACA,oBAAAC,KAAqB;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,cAAAC,KAAe;AAAA,EACf,oBAAoBC;AAAA,EACpB,GAAGC;AACL,GACAC,IACA;AACA,QAAMC,KAAcC,GAAA,GACdC,IAAU7C,KAAM,iBAAiB2C,GAAY,QAAQ,MAAM,EAAE,CAAC,IAC9DG,IAAS,GAAGD,CAAO,SACnBE,IAAU,GAAGF,CAAO,UACpBG,IAAapC,MAAU,QACvB,CAACqC,IAAYC,EAAa,IAAIC,EAAqBtC,CAAY,GAC/DuC,IAAeJ,IAAapC,IAAQqC,IACpC,CAACI,GAAcC,CAAe,IAAIH,EAAS,EAAE,GAC7C,CAACI,IAASC,CAAU,IAAIL,EAAS,EAAK,GACtC,CAACM,IAAiBC,CAAkB,IAAIP,EAAwB,IAAI,GACpEQ,IAAcC,GAA6C,IAAI,GAC/DC,KAAW9B,MAAsB,CAAA,GACjC+B,IAAe3D,KAAgBsD,IAE/BM,IAAW,CAACC,MAChBC,GAAmBD,GAAW;AAAA,IAC5B,UAAU,EAAQtD;AAAA,IAClB,MAAAU;AAAA,IACA,KAAAM;AAAA,IACA,KAAAC;AAAA,IACA,MAAAK;AAAA,IACA,UAAA6B;AAAA,EAAA,CACD,GAEGK,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACEhB;AAAA,MACAhC;AAAA,MACAC;AAAA,MACAE;AAAA,MACAD;AAAA,MACAU;AAAA,IAAA;AAAA,IAEJ,CAACoB,GAAc9B,GAAUC,GAAcF,GAAQW,GAAMZ,CAAI;AAAA,EAAA,GAGrDiD,IAAe,CACnBC,GACAC,GACAC,IAAsB,UACJ;AAAA,IAClB,UAAAF;AAAA,IACA,gBAAgBF;AAAA,MACdE;AAAA,MACAlD;AAAA,MACAC;AAAA,MACAE;AAAA,MACAD;AAAA,MACAU;AAAA,IAAA;AAAA,IAEF,OAAO,EAAQ+B,EAASO,CAAQ;AAAA,IAChC,MAAAE;AAAA,IACA,WAAAD;AAAA,EAAA,IAGIE,IAAa,CAACC,GAAuBC,IAAY,OAAU;AAG/D,IAFK3B,KAAYE,GAAcwB,EAAQ,QAAQ,GAC3Cf,EAAY,WAAS,aAAaA,EAAY,OAAO,GACpD7C,MACD6D,KAAa9C,KAAc,IAAGf,EAAS4D,CAAO,MACjC,UAAU,WAAW,MAAM5D,EAAS4D,CAAO,GAAG7C,CAAU;AAAA,EAC3E;AAEA,EAAA+C,EAAU,MAAM,MAAM;AACpB,IAAIjB,EAAY,WAAS,aAAaA,EAAY,OAAO;AAAA,EAC3D,GAAG,CAAA,CAAE,GAELiB,EAAU,MAAM;AACd,IAAI9C,KAAkB4B,EAAmBK,EAASX,CAAY,CAAC;AAAA,EAGjE,GAAG,CAACtB,CAAgB,CAAC;AAErB,QAAM+C,IAAY,CAACC,MAA6B;AAC9C,QAAI1D,MAAS,WAAWY,UAAa8C,EAAK,QAAQ,OAAO,EAAE;AAC3D,QAAIC,EAAqB3D,CAAI,GAAG;AAC9B,YAAM4D,IAASC,GAAiBH,GAAMzD,CAAM;AAC5C,aAAI2D,MAAW,OAAaF,MAAS,KAAK,OAAOA,IAC1ClD,IAAgBoD,IAAS,KAAK,IAAIA,CAAM;AAAA,IACjD;AACA,WAAOF;AAAA,EACT,GAEMI,KAAe,CAACJ,MAAiB;AACrC,UAAMK,IAASL,EAAK,QAAQ,OAAO,EAAE;AAMrC,QAJE7C,MACC8C,EAAqB3D,CAAI,KAAKA,MAAS,YACxC+D,EAAO,SAASlD,KAEdA,KAASmD,GAA2BhE,CAAI,KAAK0D,EAAK,SAAS7C,EAAO;AACtE,UAAMqC,IAAWO,EAAUC,CAAI;AAC/B,IAAI,OAAOR,KAAa,aAClB,OAAO5C,KAAQ,YAAY4C,IAAW5C,KACtC,OAAOC,KAAQ,YAAY2C,IAAW3C,OAE5C2B;AAAA,MACElC,MAAS,WAAWY,IAAOqD,EAAef,GAAUtC,CAAI,IAAI8C;AAAA,IAAA,GAE9DL,EAAWJ,EAAaC,GAAU,UAAUQ,EAAK,MAAM,EAAE,KAAK,IAAI,CAAC;AAAA,EACrE,GAEMQ,KAAc;AAAA,IAClB9C;AAAA,IACAtC,KAAQ,CAAC4D,IAAehB,IAAS;AAAA,IACjCgB,IAAef,IAAU;AAAA,EAAA,EACzB,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAE/B,SAAIZ,uBAEC,OAAA,EAAI,WAAW,CAAC,iBAAiB,gBAAgBG,CAAI,IAAIhC,IAAY,8BAA8B,IAAIG,KAAa,EAAE,EAAE,KAAK,GAAG,GAC9H,UAAA;AAAA,IAAAR,KAAS,gBAAAsF,EAAC,QAAA,EAAK,WAAW,CAAC,wBAAwB/E,KAAkB,EAAE,EAAE,KAAK,GAAG,GAAI,UAAAP,EAAA,CAAM;AAAA,sBAC3F,OAAA,EAAI,WAAU,0BAAyB,cAAYA,GACjD,eAAkBoC,GAAA,CACrB;AAAA,EAAA,GACF,sBAKD,OAAA,EAAI,WAAW,CAAC,iBAAiB,gBAAgBC,CAAI,IAAIhC,IAAY,8BAA8B,IAAIG,KAAa,EAAE,EAAE,KAAK,GAAG,GAC9H,UAAA;AAAA,IAAAR,KACC,gBAAAuF,EAAC,SAAA,EAAM,WAAW,CAAC,wBAAwBhF,KAAkB,EAAE,EAAE,KAAK,GAAG,GAAG,SAASqC,GAClF,UAAA;AAAA,MAAA5C;AAAA,MAAOS,KAAY,gBAAA6E,EAAC,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAO,UAAA,KAAA,CAAE;AAAA,IAAA,GACrF;AAAA,IAEF,gBAAAC,EAAC,OAAA,EAAI,WAAW,CAAC,yBAAyB1B,IAAe,uBAAuB,IAAInD,IAAW,wBAAwB,EAAE,EAAE,KAAK,GAAG,GAChI,UAAA;AAAA,MAAAP,uBAAmB,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAQ,UAAAA,GAAe;AAAA,MAChG,gBAAAmF;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG9C;AAAA,UACJ,KAAAC;AAAA,UACA,IAAIG;AAAA,UACJ,MAAMzB,MAAS,cAAcA,MAAS,UAAUA,IAAO;AAAA,UACvD,WAAW2D,EAAqB3D,CAAI,IAAI,YAAYA,MAAS,UAAU,QAAQ;AAAA,UAC/E,OAAOmC,KAAUF,IAAea;AAAA,UAChC,UAAAxD;AAAA,UACA,UAAAC;AAAA,UACA,cAAA4B;AAAA,UACA,gBAAc,EAAQuB;AAAA,UACtB,oBAAkBwB;AAAA,UAClB,WAAW,CAAC,iBAAiB/E,KAAkB,EAAE,EAAE,KAAK,GAAG;AAAA,UAC3D,UAAU,CAACkF,MAAUP,GAAaO,EAAM,OAAO,KAAK;AAAA,UACpD,SAAS,CAACA,MAAU;AAClB,gBAAI9E,EAAU;AACd,YAAA6C,EAAW,EAAI;AACf,kBAAMkC,IAAYtE,MAAS,WAAWY,IAClCqD,EAAejC,GAAcpB,CAAI,IACjC+C,EAAqB3D,CAAI,IACvB,OAAOgC,KAAgB,EAAE,EAAE,QAAQ,KAAKuC,GAAmBtE,CAAM,EAAE,OAAO,IAC1E,OAAO+B,KAAgB,EAAE;AAC/B,YAAAE,EAAgBoC,CAAS,GACzB1E,KAAUqD,EAAajB,GAAc,OAAO,GAAGqC,CAAK;AAAA,UACtD;AAAA,UACA,QAAQ,CAACA,MAAU;AACjB,YAAAjC,EAAW,EAAK,GACZG,EAAY,WAAS,aAAaA,EAAY,OAAO;AACzD,gBAAIW,IAAWO,EAAUxB,CAAY;AACrC,YAAI,OAAOiB,KAAa,aACtBA,IAAWsB,GAAiBtB,GAAU/C,GAAcE,KAAcD,KAAY,OAAO,IAEvFkC,EAAmBK,EAASO,CAAQ,CAAC;AACrC,kBAAMI,IAAUL,EAAaC,GAAU,MAAM;AAC7C,YAAAG,EAAWC,GAAS,EAAI,GACxB3D,KAAS2D,GAASe,CAAK;AAAA,UACzB;AAAA,UACA,WAAW,CAACA,MAAU;AACpB,YAAI,CAAC7D,MAAkB6D,EAAM,QAAQ,OAAOA,EAAM,QAAQ,eAAaA,EAAM,eAAA,GAC7ExE,KAAYoD,EAAajB,GAAc,WAAWqC,EAAM,GAAG,GAAGA,CAAK;AAAA,UACrE;AAAA,UACA,cAAc,CAACA,MAAUvE,KAAemD,EAAajB,GAAc,YAAY,GAAGqC,CAAK;AAAA,UACvF,cAAc,CAACA,MAAUtE,KAAekD,EAAajB,GAAc,YAAY,GAAGqC,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAExFvD,MAAe,CAACvB,KAAYuD,KAAkB9B,KAC7C,gBAAAmD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAYnD;AAAA,UACZ,SAAS,MAAM;AACb,YAAAkB,EAAgB,EAAE,GAClBI,EAAmBK,EAAS,IAAI,CAAC,GACjCU,EAAWJ,EAAa,MAAM,OAAO,GAAG,EAAI;AAAA,UAC9C;AAAA,UACD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIFhE,KAAgB,gBAAAkF,EAAC,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAQ,UAAAlF,EAAA,CAAa;AAAA,IAAA,GAC9F;AAAA,IACA,gBAAAkF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAA3F;AAAA,QACA,cAAc4D;AAAA,QACd,QAAAhB;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ,CAAC;"}

package/dist/components/Input/constants.js

@@ -0,0 +1,14 @@
+const T = [
+  "number",
+  "currency",
+  "percent"
+], e = [
+  "text",
+  "email",
+  "password"
+];
+export {
+  T as FORMATTED_INPUT_TYPES,
+  e as LENGTH_VALIDATED_INPUT_TYPES
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Input/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Input/constants.ts"],"sourcesContent":["export const FORMATTED_INPUT_TYPES = [\n  'number',\n  'currency',\n  'percent',\n] as const\n\nexport const LENGTH_VALIDATED_INPUT_TYPES = [\n  'text',\n  'email',\n  'password',\n] as const\n"],"names":["FORMATTED_INPUT_TYPES","LENGTH_VALIDATED_INPUT_TYPES"],"mappings":"AAAO,MAAMA,IAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA+B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/components/Input/utils.js

@@ -0,0 +1,86 @@
+import { FORMATTED_INPUT_TYPES as c, LENGTH_VALIDATED_INPUT_TYPES as m } from "./constants.js";
+function f(r) {
+  return c.some((t) => t === r);
+}
+function g(r) {
+  return m.some((t) => t === r);
+}
+function N(r) {
+  const t = new Intl.NumberFormat(r).formatToParts(1000.1);
+  return {
+    group: t.find((u) => u.type === "group")?.value ?? ".",
+    decimal: t.find((u) => u.type === "decimal")?.value ?? ","
+  };
+}
+function s(r, t) {
+  if (!r || r === "-") return null;
+  const { group: u, decimal: n } = N(t), e = r.split(u).join("").replace(n, "."), i = Number(e);
+  return Number.isNaN(i) ? null : i;
+}
+function I(r, t, u) {
+  const n = 10 ** t;
+  return u === "ceil" ? Math.ceil(r * n) / n : u === "round" ? Math.round(r * n) / n : r >= 0 ? Math.floor(r * n) / n : Math.ceil(r * n) / n;
+}
+function h(r, t) {
+  const u = String(r ?? "").replace(/\D/g, "");
+  let n = 0, e = "";
+  for (const i of t)
+    if (i === "X") {
+      if (n >= u.length) break;
+      e += u[n++];
+    } else n < u.length && (e += i);
+  return e;
+}
+function S(r, t, u, n, e, i) {
+  return r == null || r === "" ? "" : t === "phone" && i ? h(r, i) : !f(t) || typeof r != "number" || Number.isNaN(r) ? String(r) : new Intl.NumberFormat(u, {
+    style: t === "currency" ? "currency" : t === "percent" ? "percent" : "decimal",
+    currency: t === "currency" ? e : void 0,
+    minimumFractionDigits: n,
+    maximumFractionDigits: n
+  }).format(r);
+}
+function T(r, {
+  required: t,
+  type: u,
+  min: n,
+  max: e,
+  mask: i,
+  messages: l
+}) {
+  if (t && (r == null || r === ""))
+    return l.required ?? null;
+  if (r == null || r === "")
+    return null;
+  if (u === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(r)))
+    return l.invalidEmail ?? null;
+  if (u === "phone") {
+    const o = String(r).replace(/\D/g, ""), p = i ? (i.match(/X/g) ?? []).length : o.startsWith("0") ? 11 : 10;
+    if (o.length !== p) return l.invalidPhone ?? null;
+  }
+  if (g(u)) {
+    if (typeof n == "number" && String(r).length < n)
+      return l.minLength?.replace("{min}", String(n)) ?? null;
+    if (typeof e == "number" && String(r).length > e)
+      return l.maxLength?.replace("{max}", String(e)) ?? null;
+  }
+  if (f(u)) {
+    if (typeof r != "number" || Number.isNaN(r))
+      return l.invalidNumber ?? null;
+    if (typeof n == "number" && r < n)
+      return l.minNumber?.replace("{min}", String(n)) ?? null;
+    if (typeof e == "number" && r > e)
+      return l.maxNumber?.replace("{max}", String(e)) ?? null;
+  }
+  return null;
+}
+export {
+  h as applyInputMask,
+  S as formatInputValue,
+  N as getInputSeparators,
+  f as isFormattedInputType,
+  g as isLengthValidatedInputType,
+  s as parseInputNumber,
+  I as roundInputNumber,
+  T as validateInputValue
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/Input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/Input/utils.ts"],"sourcesContent":["import {\n  FORMATTED_INPUT_TYPES,\n  LENGTH_VALIDATED_INPUT_TYPES,\n} from './constants'\nimport type {\n  InputRoundMode,\n  InputType,\n  InputValidationMessages,\n  InputValue,\n} from './Input'\n\nexport interface InputValidationOptions {\n  required: boolean\n  type: InputType\n  min?: number\n  max?: number\n  mask?: string\n  messages: InputValidationMessages\n}\n\nexport function isFormattedInputType(type: InputType) {\n  return FORMATTED_INPUT_TYPES.some((candidate) => candidate === type)\n}\n\nexport function isLengthValidatedInputType(type: InputType) {\n  return LENGTH_VALIDATED_INPUT_TYPES.some((candidate) => candidate === type)\n}\n\nexport function getInputSeparators(locale: string) {\n  const parts = new Intl.NumberFormat(locale).formatToParts(1000.1)\n  return {\n    group: parts.find((part) => part.type === 'group')?.value ?? '.',\n    decimal: parts.find((part) => part.type === 'decimal')?.value ?? ',',\n  }\n}\n\nexport function parseInputNumber(value: string, locale: string): number | null {\n  if (!value || value === '-') return null\n  const { group, decimal } = getInputSeparators(locale)\n  const normalized = value.split(group).join('').replace(decimal, '.')\n  const result = Number(normalized)\n  return Number.isNaN(result) ? null : result\n}\n\nexport function roundInputNumber(\n  value: number,\n  scale: number,\n  mode: InputRoundMode,\n) {\n  const factor = 10 ** scale\n  if (mode === 'ceil') return Math.ceil(value * factor) / factor\n  if (mode === 'round') return Math.round(value * factor) / factor\n  return value >= 0\n    ? Math.floor(value * factor) / factor\n    : Math.ceil(value * factor) / factor\n}\n\nexport function applyInputMask(value: InputValue, mask: string) {\n  const digits = String(value ?? '').replace(/\\D/g, '')\n  let index = 0\n  let result = ''\n\n  for (const character of mask) {\n    if (character === 'X') {\n      if (index >= digits.length) break\n      result += digits[index++]\n    } else if (index < digits.length) {\n      result += character\n    }\n  }\n\n  return result\n}\n\nexport function formatInputValue(\n  value: InputValue,\n  type: InputType,\n  locale: string,\n  decimalScale: number,\n  currency: string,\n  mask?: string,\n) {\n  if (value === null || value === undefined || value === '') return ''\n  if (type === 'phone' && mask) return applyInputMask(value, mask)\n  if (!isFormattedInputType(type)) return String(value)\n  if (typeof value !== 'number' || Number.isNaN(value)) return String(value)\n\n  return new Intl.NumberFormat(locale, {\n    style:\n      type === 'currency'\n        ? 'currency'\n        : type === 'percent'\n          ? 'percent'\n          : 'decimal',\n    currency: type === 'currency' ? currency : undefined,\n    minimumFractionDigits: decimalScale,\n    maximumFractionDigits: decimalScale,\n  }).format(value)\n}\n\nexport function validateInputValue(\n  candidate: InputValue,\n  {\n    required,\n    type,\n    min,\n    max,\n    mask,\n    messages,\n  }: InputValidationOptions,\n) {\n  if (\n    required &&\n    (candidate === null || candidate === undefined || candidate === '')\n  ) {\n    return messages.required ?? null\n  }\n  if (candidate === null || candidate === undefined || candidate === '') {\n    return null\n  }\n  if (\n    type === 'email' &&\n    !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(String(candidate))\n  ) {\n    return messages.invalidEmail ?? null\n  }\n  if (type === 'phone') {\n    const digits = String(candidate).replace(/\\D/g, '')\n    const expected = mask\n      ? (mask.match(/X/g) ?? []).length\n      : digits.startsWith('0')\n        ? 11\n        : 10\n    if (digits.length !== expected) return messages.invalidPhone ?? null\n  }\n  if (isLengthValidatedInputType(type)) {\n    if (typeof min === 'number' && String(candidate).length < min) {\n      return messages.minLength?.replace('{min}', String(min)) ?? null\n    }\n    if (typeof max === 'number' && String(candidate).length > max) {\n      return messages.maxLength?.replace('{max}', String(max)) ?? null\n    }\n  }\n  if (isFormattedInputType(type)) {\n    if (typeof candidate !== 'number' || Number.isNaN(candidate)) {\n      return messages.invalidNumber ?? null\n    }\n    if (typeof min === 'number' && candidate < min) {\n      return messages.minNumber?.replace('{min}', String(min)) ?? null\n    }\n    if (typeof max === 'number' && candidate > max) {\n      return messages.maxNumber?.replace('{max}', String(max)) ?? null\n    }\n  }\n  return null\n}\n"],"names":["isFormattedInputType","type","FORMATTED_INPUT_TYPES","candidate","isLengthValidatedInputType","LENGTH_VALIDATED_INPUT_TYPES","getInputSeparators","locale","parts","part","parseInputNumber","value","group","decimal","normalized","result","roundInputNumber","scale","mode","factor","applyInputMask","mask","digits","index","character","formatInputValue","decimalScale","currency","validateInputValue","required","min","max","messages","expected"],"mappings":"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"}

package/dist/components/InputText/InputText.js

@@ -0,0 +1,6 @@
+import t from "../Input/Input.js";
+const p = t;
+export {
+  p as InputText
+};
+//# sourceMappingURL=InputText.js.map

package/dist/components/InputText/InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sources":["../../../src/components/InputText/InputText.tsx"],"sourcesContent":["import Input, { type InputProps } from '../Input/Input'\n\nexport type InputTextProps = InputProps\nexport const InputText = Input\n"],"names":["InputText","Input"],"mappings":";AAGO,MAAMA,IAAYC;"}

package/dist/components/Loader/Loader.js

@@ -0,0 +1,44 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { classNames as m } from "../shared/classNames.js";
+/* empty css           */
+import { DEFAULT_LOADER_LABEL as u } from "./constants.js";
+import { useInconelAdapters as p } from "../../adapters/context.js";
+import f from "../Svg/Svg.js";
+function x({
+  label: a = u,
+  fullscreen: s = !1,
+  render: l,
+  logo: n,
+  className: i,
+  ...t
+}) {
+  const e = p(), c = l ?? e.loading ?? !0, o = n ?? e.assets?.loaderLogo;
+  return c ? /* @__PURE__ */ d(
+    "div",
+    {
+      ...t,
+      className: m(
+        "inconel-loader",
+        s && "inconel-loader--fullscreen",
+        i
+      ),
+      role: "status",
+      "aria-label": a,
+      children: [
+        /* @__PURE__ */ r("span", { className: "inconel-loader__spinner", "aria-hidden": "true" }),
+        o && /* @__PURE__ */ r(
+          f,
+          {
+            src: o,
+            className: "inconel-loader__logo",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+export {
+  x as Loader
+};
+//# sourceMappingURL=Loader.js.map

package/dist/components/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames } from '../shared/classNames'\nimport { Svg } from '../Svg'\nimport './styles.css'\nimport { DEFAULT_LOADER_LABEL } from './constants'\n\nexport interface LoaderProps extends HTMLAttributes<HTMLDivElement> {\n  label?: string\n  fullscreen?: boolean\n  render?: boolean | null\n  logo?: string\n}\n\nexport function Loader({\n  label = DEFAULT_LOADER_LABEL,\n  fullscreen = false,\n  render,\n  logo,\n  className,\n  ...props\n}: LoaderProps) {\n  const adapters = useInconelAdapters()\n  const shouldRender = render ?? adapters.loading ?? true\n  const logoSource = logo ?? adapters.assets?.loaderLogo\n\n  if (!shouldRender) return null\n\n  return (\n    <div\n      {...props}\n      className={classNames(\n        'inconel-loader',\n        fullscreen && 'inconel-loader--fullscreen',\n        className,\n      )}\n      role=\"status\"\n      aria-label={label}\n    >\n      <span className=\"inconel-loader__spinner\" aria-hidden=\"true\" />\n      {logoSource && (\n        <Svg\n          src={logoSource}\n          className=\"inconel-loader__logo\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Loader","label","DEFAULT_LOADER_LABEL","fullscreen","render","logo","className","props","adapters","useInconelAdapters","shouldRender","logoSource","jsxs","classNames","jsx","Svg"],"mappings":";;;;;;AAeO,SAASA,EAAO;AAAA,EACrB,OAAAC,IAAQC;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAWC,EAAA,GACXC,IAAeN,KAAUI,EAAS,WAAW,IAC7CG,IAAaN,KAAQG,EAAS,QAAQ;AAE5C,SAAKE,IAGH,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,WAAWM;AAAA,QACT;AAAA,QACAV,KAAc;AAAA,QACdG;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MACL,cAAYL;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAa,EAAC,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAO;AAAA,QAC5DH,KACC,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKJ;AAAA,YACL,WAAU;AAAA,YACV,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA,IAnBoB;AAuB5B;"}

package/dist/components/Loader/constants.js

@@ -0,0 +1,5 @@
+const L = "Yükleniyor...";
+export {
+  L as DEFAULT_LOADER_LABEL
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Loader/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Loader/constants.ts"],"sourcesContent":["export const DEFAULT_LOADER_LABEL = 'Yükleniyor...'\n"],"names":["DEFAULT_LOADER_LABEL"],"mappings":"AAAO,MAAMA,IAAuB;"}

package/dist/components/LoaderMini/LoaderMini.js

@@ -0,0 +1,22 @@
+import { jsx as i } from "react/jsx-runtime";
+import { classNames as o } from "../shared/classNames.js";
+/* empty css           */
+function t({
+  show: r = !1,
+  className: e,
+  ...n
+}) {
+  return r ? /* @__PURE__ */ i(
+    "div",
+    {
+      ...n,
+      className: o("inconel-loader-mini", e),
+      role: "status",
+      children: /* @__PURE__ */ i("div", { className: "inconel-loader-mini__donut", "aria-hidden": "true" })
+    }
+  ) : null;
+}
+export {
+  t as LoaderMini
+};
+//# sourceMappingURL=LoaderMini.js.map

package/dist/components/LoaderMini/LoaderMini.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderMini.js","sources":["../../../src/components/LoaderMini/LoaderMini.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface LoaderMiniProps extends HTMLAttributes<HTMLDivElement> {\n  show?: boolean\n}\n\nexport function LoaderMini({\n  show = false,\n  className,\n  ...props\n}: LoaderMiniProps) {\n  if (!show) return null\n\n  return (\n    <div\n      {...props}\n      className={classNames('inconel-loader-mini', className)}\n      role=\"status\"\n    >\n      <div className=\"inconel-loader-mini__donut\" aria-hidden=\"true\" />\n    </div>\n  )\n}\n"],"names":["LoaderMini","show","className","props","jsx","classNames"],"mappings":";;;AASO,SAASA,EAAW;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,SAAKF,IAGH,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAWE,EAAW,uBAAuBH,CAAS;AAAA,MACtD,MAAK;AAAA,MAEL,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,8BAA6B,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA,IARjD;AAWpB;"}

package/dist/components/Modal/Modal.js

@@ -0,0 +1,150 @@
+import { jsx as e, jsxs as i, Fragment as le } from "react/jsx-runtime";
+import { useState as oe, useEffect as M, Children as ie } from "react";
+import { classNames as u } from "../shared/classNames.js";
+import { DEFAULT_MODAL_CLOSE_LABEL as re } from "./constants.js";
+/* empty css           */
+import { useInconelAdapters as ne } from "../../adapters/context.js";
+import se from "../Svg/Svg.js";
+import { Button as $ } from "../Button/Button.js";
+function ve({
+  id: k,
+  open: D,
+  show: F,
+  title: j,
+  modalTitle: w,
+  modalType: l = "info",
+  children: f,
+  footer: p,
+  customButtons: r,
+  closeLabel: x = re,
+  closeButton: E = !0,
+  closeOnBackdrop: I = !0,
+  backdrop: _ = !0,
+  keyboard: O = !0,
+  centered: U = !0,
+  scrollable: A = !0,
+  size: H = "md",
+  maximize: S = !1,
+  maximizeIcon: q,
+  fullSize: v = !1,
+  hideFooter: G = !1,
+  okText: n,
+  okAction: s,
+  okButtonType: J = "button",
+  cancelText: t,
+  cancelAction: c,
+  cancelButtonType: K = "button",
+  onClose: P,
+  onHide: Q,
+  onShow: h,
+  onEnter: b,
+  onEntering: N,
+  onEntered: y,
+  onExit: C,
+  onExiting: L,
+  onExited: g,
+  onEscapeKeyDown: R,
+  dialogClassName: V,
+  backdropClassName: W,
+  bodyClassName: X,
+  className: Y
+}) {
+  const z = ne(), [Z, T] = oe(!1), o = D ?? F ?? !1, d = () => {
+    P?.(), Q?.();
+  };
+  if (M(() => {
+    o ? (b?.(), N?.(), h?.(), y?.()) : (C?.(), L?.(), g?.());
+  }, [o, b, y, N, C, g, L, h]), M(() => {
+    if (!o || !O) return;
+    const a = (ae) => {
+      ae.key === "Escape" && (R?.(), d());
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }), !o) return null;
+  const m = j ?? w ?? z.translate?.(
+    `modalTitle${l[0].toUpperCase()}${l.slice(1)}`,
+    l === "success" ? "Başarılı" : l === "error" || l === "danger" ? "Hata" : "Bilgi"
+  ), B = q ?? z.assets?.maximize, ee = !G && (p !== void 0 || r !== void 0 || !!(t && c) || !!(n && s));
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: u("inconel-modal-backdrop", W),
+      role: "presentation",
+      onMouseDown: (a) => {
+        _ !== "static" && _ !== !1 && I && a.target === a.currentTarget && d();
+      },
+      children: /* @__PURE__ */ i(
+        "section",
+        {
+          id: k ?? void 0,
+          className: u(
+            "inconel-modal",
+            `inconel-modal--${H}`,
+            `inconel-modal--${l}`,
+            U && "inconel-modal--centered",
+            A && "inconel-modal--scrollable",
+            (Z || v) && "inconel-is-maximized",
+            v && "inconel-is-full-size",
+            V,
+            Y
+          ),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": typeof m == "string" ? m : void 0,
+          children: [
+            /* @__PURE__ */ i("header", { className: "inconel-modal__header", children: [
+              /* @__PURE__ */ e("div", { className: "inconel-modal__title", children: m }),
+              /* @__PURE__ */ i("div", { className: "inconel-modal__header-actions", children: [
+                S && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "inconel-modal__maximize",
+                    onClick: () => T((a) => !a),
+                    "aria-label": "Büyüt",
+                    children: B ? /* @__PURE__ */ e(se, { src: B }) : "□"
+                  }
+                ),
+                E && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "inconel-modal__close",
+                    "aria-label": x,
+                    onClick: d,
+                    children: "×"
+                  }
+                )
+              ] })
+            ] }),
+            f && /* @__PURE__ */ e("div", { className: u("inconel-modal__content", X), children: f }),
+            ee && /* @__PURE__ */ e("footer", { className: "inconel-modal__footer", children: p ?? (r !== void 0 ? ie.toArray(r) : /* @__PURE__ */ i(le, { children: [
+              t && c && /* @__PURE__ */ e(
+                $,
+                {
+                  type: K,
+                  variant: "secondary",
+                  onClick: c,
+                  children: t
+                }
+              ),
+              n && s && /* @__PURE__ */ e(
+                $,
+                {
+                  type: J,
+                  buttonType: "success",
+                  onClick: s,
+                  children: n
+                }
+              )
+            ] })) })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  ve as Modal
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n  Children,\n  useEffect,\n  useState,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { Button } from '../Button'\nimport { classNames } from '../shared/classNames'\nimport { Svg } from '../Svg'\nimport { DEFAULT_MODAL_CLOSE_LABEL } from './constants'\nimport './styles.css'\n\nexport interface ModalProps {\n  id?: string | null\n  open?: boolean\n  show?: boolean\n  title?: ReactNode\n  modalTitle?: ReactNode\n  modalType?: 'info' | 'success' | 'error' | 'danger' | 'warning'\n  children?: ReactNode\n  footer?: ReactNode\n  customButtons?: ReactNode\n  closeLabel?: string\n  closeButton?: boolean\n  closeOnBackdrop?: boolean\n  backdrop?: 'static' | boolean\n  keyboard?: boolean\n  centered?: boolean\n  scrollable?: boolean\n  size?: string\n  maximize?: boolean\n  maximizeIcon?: string\n  fullSize?: boolean\n  hideFooter?: boolean\n  okText?: ReactNode\n  okAction?: () => void\n  okButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n  okButtonVariant?: string\n  cancelText?: ReactNode\n  cancelAction?: () => void\n  cancelButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n  onClose?: () => void\n  onHide?: () => void\n  onShow?: () => void\n  onEnter?: () => void\n  onEntering?: () => void\n  onEntered?: () => void\n  onExit?: () => void\n  onExiting?: () => void\n  onExited?: () => void\n  onEscapeKeyDown?: () => void\n  dialogClassName?: string\n  backdropClassName?: string\n  bodyClassName?: string\n  className?: string | null\n  enforceFocus?: boolean\n}\n\nexport function Modal({\n  id,\n  open,\n  show,\n  title,\n  modalTitle,\n  modalType = 'info',\n  children,\n  footer,\n  customButtons,\n  closeLabel = DEFAULT_MODAL_CLOSE_LABEL,\n  closeButton = true,\n  closeOnBackdrop = true,\n  backdrop = true,\n  keyboard = true,\n  centered = true,\n  scrollable = true,\n  size = 'md',\n  maximize = false,\n  maximizeIcon,\n  fullSize = false,\n  hideFooter = false,\n  okText,\n  okAction,\n  okButtonType = 'button',\n  cancelText,\n  cancelAction,\n  cancelButtonType = 'button',\n  onClose,\n  onHide,\n  onShow,\n  onEnter,\n  onEntering,\n  onEntered,\n  onExit,\n  onExiting,\n  onExited,\n  onEscapeKeyDown,\n  dialogClassName,\n  backdropClassName,\n  bodyClassName,\n  className,\n}: ModalProps) {\n  const adapters = useInconelAdapters()\n  const [maximized, setMaximized] = useState(false)\n  const visible = open ?? show ?? false\n  const close = () => {\n    onClose?.()\n    onHide?.()\n  }\n\n  useEffect(() => {\n    if (visible) {\n      onEnter?.()\n      onEntering?.()\n      onShow?.()\n      onEntered?.()\n    } else {\n      onExit?.()\n      onExiting?.()\n      onExited?.()\n    }\n  }, [visible, onEnter, onEntered, onEntering, onExit, onExited, onExiting, onShow])\n\n  useEffect(() => {\n    if (!visible || !keyboard) return\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      onEscapeKeyDown?.()\n      close()\n    }\n    document.addEventListener('keydown', handleEscape)\n    return () => document.removeEventListener('keydown', handleEscape)\n  })\n\n  if (!visible) return null\n\n  const resolvedTitle =\n    title ??\n    modalTitle ??\n    adapters.translate?.(\n      `modalTitle${modalType[0].toUpperCase()}${modalType.slice(1)}`,\n      modalType === 'success'\n        ? 'Başarılı'\n        : modalType === 'error' || modalType === 'danger'\n          ? 'Hata'\n          : 'Bilgi',\n    )\n  const resolvedMaximizeIcon = maximizeIcon ?? adapters.assets?.maximize\n  const hasFooter =\n    !hideFooter &&\n    (footer !== undefined ||\n      customButtons !== undefined ||\n      Boolean(cancelText && cancelAction) ||\n      Boolean(okText && okAction))\n\n  return (\n    <div\n      className={classNames('inconel-modal-backdrop', backdropClassName)}\n      role=\"presentation\"\n      onMouseDown={(event) => {\n        if (\n          backdrop !== 'static' &&\n          backdrop !== false &&\n          closeOnBackdrop &&\n          event.target === event.currentTarget\n        ) {\n          close()\n        }\n      }}\n    >\n      <section\n        id={id ?? undefined}\n        className={classNames(\n          'inconel-modal',\n          `inconel-modal--${size}`,\n          `inconel-modal--${modalType}`,\n          centered && 'inconel-modal--centered',\n          scrollable && 'inconel-modal--scrollable',\n          (maximized || fullSize) && 'inconel-is-maximized',\n          fullSize && 'inconel-is-full-size',\n          dialogClassName,\n          className,\n        )}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={typeof resolvedTitle === 'string' ? resolvedTitle : undefined}\n      >\n        <header className=\"inconel-modal__header\">\n          <div className=\"inconel-modal__title\">{resolvedTitle}</div>\n          <div className=\"inconel-modal__header-actions\">\n            {maximize && (\n              <button\n                type=\"button\"\n                className=\"inconel-modal__maximize\"\n                onClick={() => setMaximized((current) => !current)}\n                aria-label=\"Büyüt\"\n              >\n                {resolvedMaximizeIcon ? (\n                  <Svg src={resolvedMaximizeIcon} />\n                ) : (\n                  '□'\n                )}\n              </button>\n            )}\n            {closeButton && (\n              <button\n                type=\"button\"\n                className=\"inconel-modal__close\"\n                aria-label={closeLabel}\n                onClick={close}\n              >\n                ×\n              </button>\n            )}\n          </div>\n        </header>\n        {children && (\n          <div className={classNames('inconel-modal__content', bodyClassName)}>\n            {children}\n          </div>\n        )}\n        {hasFooter && (\n          <footer className=\"inconel-modal__footer\">\n            {footer ??\n              (customButtons !== undefined ? (\n                Children.toArray(customButtons)\n              ) : (\n                <>\n                  {cancelText && cancelAction && (\n                    <Button\n                      type={cancelButtonType}\n                      variant=\"secondary\"\n                      onClick={cancelAction}\n                    >\n                      {cancelText}\n                    </Button>\n                  )}\n                  {okText && okAction && (\n                    <Button\n                      type={okButtonType}\n                      buttonType=\"success\"\n                      onClick={okAction}\n                    >\n                      {okText}\n                    </Button>\n                  )}\n                </>\n              ))}\n          </footer>\n        )}\n      </section>\n    </div>\n  )\n}\n"],"names":["Modal","id","open","show","title","modalTitle","modalType","children","footer","customButtons","closeLabel","DEFAULT_MODAL_CLOSE_LABEL","closeButton","closeOnBackdrop","backdrop","keyboard","centered","scrollable","size","maximize","maximizeIcon","fullSize","hideFooter","okText","okAction","okButtonType","cancelText","cancelAction","cancelButtonType","onClose","onHide","onShow","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onEscapeKeyDown","dialogClassName","backdropClassName","bodyClassName","className","adapters","useInconelAdapters","maximized","setMaximized","useState","visible","close","useEffect","handleEscape","event","resolvedTitle","resolvedMaximizeIcon","hasFooter","jsx","classNames","jsxs","current","Svg","Children","Fragment","Button"],"mappings":"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"}

package/dist/components/Modal/constants.js

@@ -0,0 +1,5 @@
+const L = "Kapat";
+export {
+  L as DEFAULT_MODAL_CLOSE_LABEL
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Modal/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Modal/constants.ts"],"sourcesContent":["export const DEFAULT_MODAL_CLOSE_LABEL = 'Kapat'\n"],"names":["DEFAULT_MODAL_CLOSE_LABEL"],"mappings":"AAAO,MAAMA,IAA4B;"}

package/dist/components/MultiSelect/MultiSelect.js

@@ -0,0 +1,20 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { classNames as c } from "../shared/classNames.js";
+/* empty css           */
+import { CheckboxGroup as l } from "../CheckboxGroup/CheckboxGroup.js";
+function d({
+  options: o,
+  value: t = [],
+  onChange: i,
+  label: e,
+  className: m
+}) {
+  return /* @__PURE__ */ s("fieldset", { className: c("inconel-multi-select", m), children: [
+    e && /* @__PURE__ */ r("legend", { children: e }),
+    /* @__PURE__ */ r(l, { options: o, value: t, onChange: i })
+  ] });
+}
+export {
+  d as MultiSelect
+};
+//# sourceMappingURL=MultiSelect.js.map

package/dist/components/MultiSelect/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { CheckboxGroup } from '../CheckboxGroup'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface MultiSelectOption<T extends string | number = string> {\n  label: ReactNode\n  value: T\n  disabled?: boolean\n}\n\nexport interface MultiSelectProps<T extends string | number = string> {\n  options: MultiSelectOption<T>[]\n  value?: T[]\n  onChange?: (value: T[]) => void\n  label?: ReactNode\n  className?: string\n}\n\nexport function MultiSelect<T extends string | number = string>({\n  options,\n  value = [],\n  onChange,\n  label,\n  className,\n}: MultiSelectProps<T>) {\n  return (\n    <fieldset className={classNames('inconel-multi-select', className)}>\n      {label && <legend>{label}</legend>}\n      <CheckboxGroup options={options} value={value} onChange={onChange} />\n    </fieldset>\n  )\n}\n"],"names":["MultiSelect","options","value","onChange","label","className","classNames","jsx","CheckboxGroup"],"mappings":";;;;AAqBO,SAASA,EAAgD;AAAA,EAC9D,SAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAwB;AACtB,2BACG,YAAA,EAAS,WAAWC,EAAW,wBAAwBD,CAAS,GAC9D,UAAA;AAAA,IAAAD,KAAS,gBAAAG,EAAC,YAAQ,UAAAH,EAAA,CAAM;AAAA,IACzB,gBAAAG,EAACC,GAAA,EAAc,SAAAP,GAAkB,OAAAC,GAAc,UAAAC,EAAA,CAAoB;AAAA,EAAA,GACrE;AAEJ;"}

package/dist/components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.js

@@ -0,0 +1,6 @@
+import { MultiSelect as t } from "../MultiSelect/MultiSelect.js";
+const o = t;
+export {
+  o as MultiSelectWithCheckbox
+};
+//# sourceMappingURL=MultiSelectWithCheckbox.js.map

package/dist/components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWithCheckbox.js","sources":["../../../src/components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.tsx"],"sourcesContent":["import { MultiSelect, type MultiSelectProps } from '../MultiSelect'\n\nexport type MultiSelectWithCheckboxProps<T extends string | number = string> = MultiSelectProps<T>\nexport const MultiSelectWithCheckbox = MultiSelect\n"],"names":["MultiSelectWithCheckbox","MultiSelect"],"mappings":";AAGO,MAAMA,IAA0BC;"}

package/dist/components/Option/Option.js

@@ -0,0 +1,35 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { classNames as c } from "../shared/classNames.js";
+/* empty css           */
+function d({
+  selected: i,
+  disabled: o,
+  icon: n,
+  children: e,
+  className: s,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ...r,
+      role: "option",
+      "aria-selected": i,
+      "aria-disabled": o,
+      className: c(
+        "inconel-option",
+        i && "inconel-is-selected",
+        o && "inconel-is-disabled",
+        s
+      ),
+      children: [
+        n && /* @__PURE__ */ l("span", { className: "inconel-option__icon", children: n }),
+        e
+      ]
+    }
+  );
+}
+export {
+  d as Option
+};
+//# sourceMappingURL=Option.js.map

package/dist/components/Option/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../src/components/Option/Option.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface OptionProps extends HTMLAttributes<HTMLDivElement> {\n  selected?: boolean\n  disabled?: boolean\n  icon?: ReactNode\n}\n\nexport function Option({\n  selected,\n  disabled,\n  icon,\n  children,\n  className,\n  ...props\n}: OptionProps) {\n  return (\n    <div\n      {...props}\n      role=\"option\"\n      aria-selected={selected}\n      aria-disabled={disabled}\n      className={classNames(\n        'inconel-option',\n        selected && 'inconel-is-selected',\n        disabled && 'inconel-is-disabled',\n        className,\n      )}\n    >\n      {icon && <span className=\"inconel-option__icon\">{icon}</span>}\n      {children}\n    </div>\n  )\n}\n\n"],"names":["Option","selected","disabled","icon","children","className","props","jsxs","classNames","jsx"],"mappings":";;;AAWO,SAASA,EAAO;AAAA,EACrB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,MAAK;AAAA,MACL,iBAAeL;AAAA,MACf,iBAAeC;AAAA,MACf,WAAWM;AAAA,QACT;AAAA,QACAP,KAAY;AAAA,QACZC,KAAY;AAAA,QACZG;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAF,KAAQ,gBAAAM,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAN,GAAK;AAAA,QACrDC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/OptionWithIcon/OptionWithIcon.js

@@ -0,0 +1,6 @@
+import { Option as o } from "../Option/Option.js";
+const i = o;
+export {
+  i as OptionWithIcon
+};
+//# sourceMappingURL=OptionWithIcon.js.map

package/dist/components/OptionWithIcon/OptionWithIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionWithIcon.js","sources":["../../../src/components/OptionWithIcon/OptionWithIcon.tsx"],"sourcesContent":["import { Option, type OptionProps } from '../Option'\n\nexport type OptionWithIconProps = OptionProps\nexport const OptionWithIcon = Option\n"],"names":["OptionWithIcon","Option"],"mappings":";AAGO,MAAMA,IAAiBC;"}

package/dist/components/RadioGroup/RadioGroup.js

@@ -0,0 +1,30 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { classNames as n } from "../shared/classNames.js";
+/* empty css           */
+function h({
+  options: l,
+  value: r,
+  onChange: d,
+  name: i,
+  className: s
+}) {
+  return /* @__PURE__ */ e("div", { className: n("inconel-radio-group", s), children: l.map((a) => /* @__PURE__ */ c("label", { className: "inconel-radio", children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "radio",
+        name: i,
+        value: a.value,
+        checked: a.value === r,
+        disabled: a.disabled,
+        onChange: () => d?.(a.value)
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "inconel-radio__control", "aria-hidden": "true" }),
+    /* @__PURE__ */ e("span", { children: a.label })
+  ] }, a.value)) });
+}
+export {
+  h as RadioGroup
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface RadioOption<T extends string | number = string> {\n  label: ReactNode\n  value: T\n  disabled?: boolean\n}\n\nexport interface RadioGroupProps<T extends string | number = string> {\n  options: RadioOption<T>[]\n  value?: T\n  onChange?: (value: T) => void\n  name: string\n  className?: string\n}\n\nexport function RadioGroup<T extends string | number = string>({\n  options,\n  value,\n  onChange,\n  name,\n  className,\n}: RadioGroupProps<T>) {\n  return (\n    <div className={classNames('inconel-radio-group', className)}>\n      {options.map((option) => (\n        <label className=\"inconel-radio\" key={option.value}>\n          <input\n            type=\"radio\"\n            name={name}\n            value={option.value}\n            checked={option.value === value}\n            disabled={option.disabled}\n            onChange={() => onChange?.(option.value)}\n          />\n          <span className=\"inconel-radio__control\" aria-hidden=\"true\" />\n          <span>{option.label}</span>\n        </label>\n      ))}\n    </div>\n  )\n}\n"],"names":["RadioGroup","options","value","onChange","name","className","jsx","classNames","option","jsxs"],"mappings":";;;AAmBO,SAASA,EAA+C;AAAA,EAC7D,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAAuB;AACrB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAW,uBAAuBF,CAAS,GACxD,UAAAJ,EAAQ,IAAI,CAACO,MACZ,gBAAAC,EAAC,SAAA,EAAM,WAAU,iBACf,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAAF;AAAA,QACA,OAAOI,EAAO;AAAA,QACd,SAASA,EAAO,UAAUN;AAAA,QAC1B,UAAUM,EAAO;AAAA,QACjB,UAAU,MAAML,IAAWK,EAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzC,gBAAAF,EAAC,QAAA,EAAK,WAAU,0BAAyB,eAAY,QAAO;AAAA,IAC5D,gBAAAA,EAAC,QAAA,EAAM,UAAAE,EAAO,MAAA,CAAM;AAAA,EAAA,EAAA,GAVgBA,EAAO,KAW7C,CACD,GACH;AAEJ;"}

package/dist/components/ReadOnly/ReadOnly.js

@@ -0,0 +1,20 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { classNames as a } from "../shared/classNames.js";
+/* empty css           */
+import { DEFAULT_READ_ONLY_EMPTY_VALUE as c } from "./constants.js";
+function t({
+  label: o,
+  value: n,
+  emptyValue: e = c,
+  className: l,
+  ...s
+}) {
+  return /* @__PURE__ */ i("div", { ...s, className: a("inconel-read-only", l), children: [
+    o && /* @__PURE__ */ r("span", { className: "inconel-read-only__label", children: o }),
+    /* @__PURE__ */ r("span", { className: "inconel-read-only__value", children: n == null || n === "" ? e : n })
+  ] });
+}
+export {
+  t as ReadOnly
+};
+//# sourceMappingURL=ReadOnly.js.map

package/dist/components/ReadOnly/ReadOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnly.js","sources":["../../../src/components/ReadOnly/ReadOnly.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\nimport { DEFAULT_READ_ONLY_EMPTY_VALUE } from './constants'\n\nexport interface ReadOnlyProps extends HTMLAttributes<HTMLDivElement> {\n  label?: ReactNode\n  value?: ReactNode\n  emptyValue?: ReactNode\n}\n\nexport function ReadOnly({\n  label,\n  value,\n  emptyValue = DEFAULT_READ_ONLY_EMPTY_VALUE,\n  className,\n  ...props\n}: ReadOnlyProps) {\n  return (\n    <div {...props} className={classNames('inconel-read-only', className)}>\n      {label && <span className=\"inconel-read-only__label\">{label}</span>}\n      <span className=\"inconel-read-only__value\">\n        {value === null || value === undefined || value === '' ? emptyValue : value}\n      </span>\n    </div>\n  )\n}\n"],"names":["ReadOnly","label","value","emptyValue","DEFAULT_READ_ONLY_EMPTY_VALUE","className","props","jsxs","classNames","jsx"],"mappings":";;;;AAYO,SAASA,EAAS;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAaC;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC,EAAC,SAAK,GAAGD,GAAO,WAAWE,EAAW,qBAAqBH,CAAS,GACjE,UAAA;AAAA,IAAAJ,KAAS,gBAAAQ,EAAC,QAAA,EAAK,WAAU,4BAA4B,UAAAR,GAAM;AAAA,IAC5D,gBAAAQ,EAAC,QAAA,EAAK,WAAU,4BACb,UAAAP,KAAU,QAA+BA,MAAU,KAAKC,IAAaD,EAAA,CACxE;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/ReadOnly/constants.js

@@ -0,0 +1,5 @@
+const E = "—";
+export {
+  E as DEFAULT_READ_ONLY_EMPTY_VALUE
+};
+//# sourceMappingURL=constants.js.map