@bigbinary/neeto-atoms 1.0.7 → 1.0.9

package/dist/components/Input.js

@@ -0,0 +1,165 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId, useState } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '../primitives/Field.js';
+import { InputGroup, InputGroupAddon, InputGroupText, InputGroupInput } from '../primitives/InputGroup.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+import '../input-group-ytECR3Hw.js';
+import '../button-COIbN8dg.js';
+import '../index-CfriMyrd.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+
+// ---------------------------------------------------------------------------
+// Size config
+// ---------------------------------------------------------------------------
+const SIZE_CONFIG = {
+    small: { group: "h-7", input: "text-xs px-2", addon: "px-1.5" },
+    medium: { group: "h-8", input: "text-sm", addon: "px-2" },
+    large: { group: "h-10", input: "text-sm", addon: "px-2.5" },
+};
+// ---------------------------------------------------------------------------
+// Utilities (ported from neeto-ui, no external deps)
+// ---------------------------------------------------------------------------
+function toFixed(numStr, prec) {
+    const num = Number(numStr);
+    if (Number.isNaN(num))
+        return numStr;
+    return num.toFixed(prec);
+}
+function formatWithPrecision(value, precision) {
+    if (precision < 0 || !value)
+        return value;
+    const str = value.toString();
+    const trimmed = str.trim();
+    if (trimmed !== "" && !Number.isNaN(Number(trimmed)))
+        return toFixed(str, precision);
+    return str;
+}
+function enforceDecimalPrecision(value, precision) {
+    if (precision < 0 || !value)
+        return value;
+    const valueStr = value.toString();
+    if (precision === 0)
+        return valueStr.split(".")[0];
+    const regex = new RegExp(`^\\d*\\.?\\d{0,${precision}}$`);
+    if (regex.test(valueStr))
+        return value;
+    const parts = valueStr.split(".");
+    if (parts.length === 1)
+        return parts[0];
+    return `${parts[0]}.${parts[1].substring(0, precision)}`;
+}
+function formatWithRejectCharsRegex(value, rejectCharsRegex) {
+    if (!rejectCharsRegex)
+        return value;
+    const globalRegex = new RegExp(rejectCharsRegex, "g");
+    return value.replace(globalRegex, "");
+}
+function getTrimmedValue(value, disableTrimOnBlur) {
+    if (disableTrimOnBlur || typeof value !== "string")
+        return value;
+    return value.trim();
+}
+function preserveCursor(e, updateValueFn) {
+    const input = e.target;
+    const prevCursor = input.selectionStart;
+    const prevValue = input.value;
+    const updatedEvent = updateValueFn();
+    const lengthDiff = input.value.length - prevValue.length;
+    const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);
+    requestAnimationFrame(() => {
+        if (document.activeElement !== input)
+            return;
+        if (input.type === "number")
+            return;
+        input.setSelectionRange(newCursor, newCursor);
+    });
+    return updatedEvent;
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Input = forwardRef(({ size = "medium", type = "text", label = "", error = "", helpText = "", prefix = null, suffix = null, disabled = false, nakedInput = false, contentSize, required = false, maxLength, unlimitedChars = false, rejectCharsRegex, disableTrimOnBlur = false, precision = -1, labelProps, className = "", onBlur, onChange, value: controlledValue, ...otherProps }, ref) => {
+    const generatedId = useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    // Controlled / uncontrolled value tracking
+    const [valueInternal, setValueInternal] = useState(controlledValue);
+    const isControlled = controlledValue !== undefined;
+    const value = formatWithPrecision(controlledValue, precision) ?? valueInternal ?? "";
+    const valueLength = value?.toString().length || 0;
+    const isMaxLengthPresent = !!maxLength || maxLength === 0;
+    const isCharacterLimitVisible = isMaxLengthPresent && valueLength >= maxLength * 0.85;
+    const maxLengthError = unlimitedChars && valueLength > maxLength;
+    // --- Handlers ---
+    const onChangeInternal = (e) => {
+        if (!isControlled) {
+            setValueInternal(e.target.value);
+        }
+        onChange?.(e);
+    };
+    const handleChange = (e) => {
+        if (type === "file") {
+            onChangeInternal(e);
+            return;
+        }
+        let formattedValue = formatWithRejectCharsRegex(e.target.value, rejectCharsRegex);
+        formattedValue = enforceDecimalPrecision(formattedValue, precision);
+        if (formattedValue !== e.target.value) {
+            preserveCursor(e, () => {
+                const syntheticEvent = Object.create(e, {
+                    target: { value: { ...e.target, value: formattedValue } },
+                });
+                e.target.value = formattedValue;
+                onChangeInternal(syntheticEvent);
+                return syntheticEvent;
+            });
+        }
+        else {
+            onChangeInternal(e);
+        }
+    };
+    const handleBlur = (e) => {
+        if (type === "file") {
+            onBlur?.(e);
+            return;
+        }
+        const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);
+        const formattedValue = formatWithPrecision(trimmedValue, precision);
+        if (formattedValue !== undefined && formattedValue !== value) {
+            e.target.value = formattedValue.toString();
+            handleChange(e);
+        }
+        onBlur?.(e);
+    };
+    const handleWheel = (e) => {
+        if (type === "number")
+            e.target.blur();
+    };
+    // --- aria-describedby ---
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null]
+        .filter(Boolean)
+        .join(" ") || undefined;
+    // --- Render ---
+    const hasField = !!(label || error || helpText);
+    const sizeConfig = SIZE_CONFIG[size];
+    const inputGroup = (jsxs(InputGroup, { className: cn(sizeConfig.group, nakedInput &&
+            "border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent", !!error &&
+            !nakedInput &&
+            "border-destructive ring-destructive/20 ring-3", !hasField && className), children: [prefix && (jsx(InputGroupAddon, { align: "inline-start", className: sizeConfig.addon, children: jsx(InputGroupText, { children: prefix }) })), jsx(InputGroupInput, { ref: ref, id: id, type: type, disabled: disabled, required: required, size: contentSize, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, className: cn(sizeConfig.input, nakedInput && "px-0"), value: value, onBlur: handleBlur, onChange: handleChange, onWheel: handleWheel, ...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {}), ...otherProps }), suffix && (jsx(InputGroupAddon, { align: "inline-end", className: sizeConfig.addon, children: jsx(InputGroupText, { children: suffix }) }))] }));
+    if (!hasField) {
+        return inputGroup;
+    }
+    return (jsxs(Field, { "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [(label || isCharacterLimitVisible) && (jsxs("div", { className: "flex items-center justify-between", children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), isCharacterLimitVisible && (jsxs("span", { className: cn("text-xs tabular-nums", maxLengthError ? "text-destructive" : "text-muted-foreground"), children: [valueLength, "/", maxLength] }))] })), jsxs(FieldContent, { children: [inputGroup, !!error && jsx(FieldError, { id: errorId, children: error }), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }));
+});
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":["import React, { forwardRef, useId, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupText,\n  InputGroupInput,\n} from \"src/primitives/InputGroup\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype InputSize = \"small\" | \"medium\" | \"large\";\n\nexport interface InputProps extends Omit<\n  React.ComponentProps<\"input\">,\n  \"size\" | \"prefix\"\n> {\n  /** Size of the input. */\n  size?: InputSize;\n  /** Input type. */\n  type?: string;\n  /** Label displayed above the input. */\n  label?: string;\n  /** Error message displayed below the input. */\n  error?: string;\n  /** Help text displayed below the input. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Content rendered before the input. */\n  prefix?: React.ReactNode;\n  /** Content rendered after the input. */\n  suffix?: React.ReactNode;\n  /** Removes borders from the input. */\n  nakedInput?: boolean;\n  /** HTML size attribute for the input element. */\n  contentSize?: number;\n  /** Maximum character limit. Counter visible at 85%. */\n  maxLength?: number;\n  /** Allow typing past maxLength, show error styling on count. */\n  unlimitedChars?: boolean;\n  /** Regex to reject matching characters from input. */\n  rejectCharsRegex?: RegExp;\n  /** Prevent trimming whitespace on blur. */\n  disableTrimOnBlur?: boolean;\n  /** Decimal places for number formatting. -1 to disable. */\n  precision?: number;\n  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst SIZE_CONFIG = {\n  small: { group: \"h-7\", input: \"text-xs px-2\", addon: \"px-1.5\" },\n  medium: { group: \"h-8\", input: \"text-sm\", addon: \"px-2\" },\n  large: { group: \"h-10\", input: \"text-sm\", addon: \"px-2.5\" },\n};\n\n// ---------------------------------------------------------------------------\n// Utilities (ported from neeto-ui, no external deps)\n// ---------------------------------------------------------------------------\n\nfunction toFixed(numStr: string, prec: number): string {\n  const num = Number(numStr);\n  if (Number.isNaN(num)) return numStr;\n\n  return num.toFixed(prec);\n}\n\nfunction formatWithPrecision(\n  value: string | number | undefined,\n  precision: number\n): string | undefined {\n  if (precision < 0 || !value) return value as string | undefined;\n\n  const str = value.toString();\n  const trimmed = str.trim();\n  if (trimmed !== \"\" && !Number.isNaN(Number(trimmed)))\n    return toFixed(str, precision);\n\n  return str;\n}\n\nfunction enforceDecimalPrecision(value: string, precision: number): string {\n  if (precision < 0 || !value) return value;\n\n  const valueStr = value.toString();\n  if (precision === 0) return valueStr.split(\".\")[0];\n\n  const regex = new RegExp(`^\\\\d*\\\\.?\\\\d{0,${precision}}$`);\n  if (regex.test(valueStr)) return value;\n\n  const parts = valueStr.split(\".\");\n  if (parts.length === 1) return parts[0];\n\n  return `${parts[0]}.${parts[1].substring(0, precision)}`;\n}\n\nfunction formatWithRejectCharsRegex(\n  value: string,\n  rejectCharsRegex?: RegExp\n): string {\n  if (!rejectCharsRegex) return value;\n\n  const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n\n  return value.replace(globalRegex, \"\");\n}\n\nfunction getTrimmedValue(\n  value: string | number,\n  disableTrimOnBlur: boolean\n): string | number {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n\n  return value.trim();\n}\n\nfunction preserveCursor(\n  e: React.ChangeEvent<HTMLInputElement>,\n  updateValueFn: () => React.ChangeEvent<HTMLInputElement>\n) {\n  const input = e.target;\n  const prevCursor = input.selectionStart;\n  const prevValue = input.value;\n\n  const updatedEvent = updateValueFn();\n\n  const lengthDiff = input.value.length - prevValue.length;\n  const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);\n\n  requestAnimationFrame(() => {\n    if (document.activeElement !== input) return;\n    if (input.type === \"number\") return;\n\n    input.setSelectionRange(newCursor, newCursor);\n  });\n\n  return updatedEvent;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = \"medium\",\n      type = \"text\",\n      label = \"\",\n      error = \"\",\n      helpText = \"\",\n      prefix = null,\n      suffix = null,\n      disabled = false,\n      nakedInput = false,\n      contentSize,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      rejectCharsRegex,\n      disableTrimOnBlur = false,\n      precision = -1,\n      labelProps,\n      className = \"\",\n      onBlur,\n      onChange,\n      value: controlledValue,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    // Controlled / uncontrolled value tracking\n    const [valueInternal, setValueInternal] = useState(controlledValue);\n    const isControlled = controlledValue !== undefined;\n\n    const value =\n      formatWithPrecision(controlledValue, precision) ?? valueInternal ?? \"\";\n    const valueLength = value?.toString().length || 0;\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n    const isCharacterLimitVisible =\n      isMaxLengthPresent && valueLength >= maxLength! * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength!;\n\n    // --- Handlers ---\n\n    const onChangeInternal = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setValueInternal(e.target.value);\n      }\n      onChange?.(e);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onChangeInternal(e);\n\n        return;\n      }\n\n      let formattedValue = formatWithRejectCharsRegex(\n        e.target.value,\n        rejectCharsRegex\n      );\n      formattedValue = enforceDecimalPrecision(formattedValue, precision);\n\n      if (formattedValue !== e.target.value) {\n        preserveCursor(e, () => {\n          const syntheticEvent = Object.create(e, {\n            target: { value: { ...e.target, value: formattedValue } },\n          });\n          e.target.value = formattedValue;\n          onChangeInternal(syntheticEvent);\n\n          return syntheticEvent;\n        });\n      } else {\n        onChangeInternal(e);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onBlur?.(e);\n\n        return;\n      }\n\n      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);\n      const formattedValue = formatWithPrecision(trimmedValue, precision);\n\n      if (formattedValue !== undefined && formattedValue !== value) {\n        e.target.value = formattedValue.toString();\n        handleChange(e as unknown as React.ChangeEvent<HTMLInputElement>);\n      }\n\n      onBlur?.(e);\n    };\n\n    const handleWheel = (e: React.WheelEvent<HTMLInputElement>) => {\n      if (type === \"number\") (e.target as HTMLInputElement).blur();\n    };\n\n    // --- aria-describedby ---\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    // --- Render ---\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n\n    const inputGroup = (\n      <InputGroup\n        className={cn(\n          sizeConfig.group,\n          nakedInput &&\n            \"border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent\",\n          !!error &&\n            !nakedInput &&\n            \"border-destructive ring-destructive/20 ring-3\",\n          !hasField && className\n        )}\n      >\n        {prefix && (\n          <InputGroupAddon align=\"inline-start\" className={sizeConfig.addon}>\n            <InputGroupText>{prefix}</InputGroupText>\n          </InputGroupAddon>\n        )}\n        <InputGroupInput\n          ref={ref}\n          id={id}\n          type={type}\n          disabled={disabled}\n          required={required}\n          size={contentSize}\n          aria-invalid={!!error || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={cn(sizeConfig.input, nakedInput && \"px-0\")}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onWheel={handleWheel}\n          {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n          {...otherProps}\n        />\n        {suffix && (\n          <InputGroupAddon align=\"inline-end\" className={sizeConfig.addon}>\n            <InputGroupText>{suffix}</InputGroupText>\n          </InputGroupAddon>\n        )}\n      </InputGroup>\n    );\n\n    if (!hasField) {\n      return inputGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || isCharacterLimitVisible) && (\n          <div className=\"flex items-center justify-between\">\n            {label && (\n              <FieldLabel htmlFor={id} {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {isCharacterLimitVisible && (\n              <span\n                className={cn(\n                  \"text-xs tabular-nums\",\n                  maxLengthError ? \"text-destructive\" : \"text-muted-foreground\"\n                )}\n              >\n                {valueLength}/{maxLength}\n              </span>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {inputGroup}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Kbd.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Kbd as PrimitiveKbd } from "src/primitives/Kbd";
+export interface KbdProps extends React.ComponentProps<typeof PrimitiveKbd> {
+    /** Optional tooltip to display on hover. */
+    tooltipProps?: {
+        content?: React.ReactNode;
+        position?: string;
+    };
+    /** Additional CSS class names. */
+    className?: string;
+}
+declare const KbdNamespace: React.ForwardRefExoticComponent<Omit<KbdProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Group: (props: React.ComponentProps<typeof import("../shadcn/components/kbd").KbdGroup>) => import("react/jsx-runtime").JSX.Element;
+};
+export { KbdNamespace as Kbd };

package/dist/components/Kbd.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { Kbd as Kbd$1, KbdGroup as KbdGroup$1 } from '../primitives/Kbd.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../primitives/Tooltip.js';
+import '../tooltip-DzjIJacP.js';
+import '../index-DNzunGHb.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-Cor698lu.js';
+import '../index-CSggBaQF.js';
+
+// ---------------------------------------------------------------------------
+// Position mapping
+// ---------------------------------------------------------------------------
+const SIDE_MAP = {
+    top: "top",
+    bottom: "bottom",
+    left: "left",
+    right: "right",
+    "top-start": "top",
+    "top-end": "top",
+    "bottom-start": "bottom",
+    "bottom-end": "bottom",
+    "left-start": "left",
+    "left-end": "left",
+    "right-start": "right",
+    "right-end": "right",
+    auto: "top",
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Kbd = forwardRef(({ tooltipProps, className, ...otherProps }, ref) => {
+    const kbd = (jsx(Kbd$1, { ref: ref, className: cn(className), ...otherProps }));
+    if (!tooltipProps?.content) {
+        return kbd;
+    }
+    const side = SIDE_MAP[tooltipProps.position ?? "auto"] ?? "top";
+    return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: kbd }), jsx(TooltipContent, { side: side, children: tooltipProps.content })] }) }));
+});
+Kbd.displayName = "Kbd";
+// ---------------------------------------------------------------------------
+// Compound: Kbd.Group
+// ---------------------------------------------------------------------------
+const KbdGroup = KbdGroup$1;
+const KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });
+
+export { KbdNamespace as Kbd };
+//# sourceMappingURL=Kbd.js.map

package/dist/components/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Kbd as PrimitiveKbd,\n  KbdGroup as PrimitiveKbdGroup,\n} from \"src/primitives/Kbd\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface KbdProps extends React.ComponentProps<typeof PrimitiveKbd> {\n  /** Optional tooltip to display on hover. */\n  tooltipProps?: {\n    content?: React.ReactNode;\n    position?: string;\n  };\n  /** Additional CSS class names. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Position mapping\n// ---------------------------------------------------------------------------\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"top\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ tooltipProps, className, ...otherProps }, ref) => {\n    const kbd = (\n      <PrimitiveKbd ref={ref} className={cn(className)} {...otherProps} />\n    );\n\n    if (!tooltipProps?.content) {\n      return kbd;\n    }\n\n    const side = SIDE_MAP[tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{kbd}</TooltipTrigger>\n          <TooltipContent side={side}>{tooltipProps.content}</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n);\n\nKbd.displayName = \"Kbd\";\n\n// ---------------------------------------------------------------------------\n// Compound: Kbd.Group\n// ---------------------------------------------------------------------------\n\nconst KbdGroup = PrimitiveKbdGroup;\n\nconst KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });\n\nexport { KbdNamespace as Kbd };\n"],"names":["_jsx","PrimitiveKbd","_jsxs","PrimitiveKbdGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;AAEA,MAAM,QAAQ,GAAwD;AACpE,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,YAAY,EAAE,QAAQ;AACtB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,aAAa,EAAE,OAAO;AACtB,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,IAAI,EAAE,KAAK;CACZ;AAED;AACA;AACA;AAEA,MAAM,GAAG,GAAG,UAAU,CACpB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;IAClD,MAAM,GAAG,IACPA,GAAA,CAACC,KAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,UAAU,EAAA,CAAI,CACrE;AAED,IAAA,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE;AAC1B,QAAA,OAAO,GAAG;IACZ;AAEA,IAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,YAAY,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,KAAK;AAE/D,IAAA,QACED,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdE,IAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EAAA,CACNF,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAAE,GAAG,EAAA,CAAkB,EAC9CA,GAAA,CAAC,cAAc,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAG,YAAY,CAAC,OAAO,EAAA,CAAkB,CAAA,EAAA,CAC3D,EAAA,CACM;AAEtB,CAAC,CACF;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;AAEvB;AACA;AACA;AAEA,MAAM,QAAQ,GAAGG,UAAiB;AAElC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;;;;"}

package/dist/components/Label.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { type IconProp } from "src/lib/renderIcon";
+import { Label as PrimitiveLabel } from "src/primitives/Label";
+import { type ButtonProps } from "src/components/Button";
+interface HelpIconTooltipProps {
+    /** Tooltip content. */
+    content?: React.ReactNode;
+    /** Tooltip position. */
+    position?: string;
+}
+interface HelpIconPopoverProps {
+    /** Popover title. */
+    title?: React.ReactNode;
+    /** Popover description. */
+    description?: React.ReactNode;
+    /** Props for an optional help link button inside the popover. */
+    helpLinkProps?: ButtonProps;
+}
+interface HelpIconProps {
+    /** Click handler on the help icon. */
+    onClick?: () => void;
+    /** Custom icon. Defaults to CircleHelpIcon. */
+    icon?: IconProp;
+    /** Show a tooltip on hover. */
+    tooltipProps?: HelpIconTooltipProps;
+    /** Show a popover on hover with title, description, and optional link. */
+    popoverProps?: HelpIconPopoverProps;
+    /** Additional class name for the help icon. */
+    className?: string;
+}
+export interface LabelProps extends React.ComponentProps<typeof PrimitiveLabel> {
+    /** Shows a red asterisk after the label text. */
+    required?: boolean;
+    /** Props for the help icon (tooltip or popover mode). */
+    helpIconProps?: HelpIconProps;
+    /** Additional CSS class names. */
+    className?: string;
+}
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/components/Label.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { r as renderIcon } from '../renderIcon-tlvMyboj.js';
+import { Label as Label$1 } from '../primitives/Label.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../primitives/Tooltip.js';
+import { Popover } from './Popover.js';
+import { Button } from './Button.js';
+import { c as createLucideIcon } from '../createLucideIcon-C8ycilSN.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../tooltip-DzjIJacP.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-BNPynZWM.js';
+import '../index-CSUSJzOJ.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-Cor698lu.js';
+import '../index-CSggBaQF.js';
+import '../index-D7Zy7P05.js';
+import '../primitives/HoverCard.js';
+import '../primitives/Button.js';
+import '../button-COIbN8dg.js';
+import '../index-CfriMyrd.js';
+import '../primitives/Spinner.js';
+import 'react-i18next';
+import '../loader-circle-DycHUAWN.js';
+
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+];
+const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode);
+
+// ---------------------------------------------------------------------------
+// Tooltip side mapping
+// ---------------------------------------------------------------------------
+const SIDE_MAP = {
+    top: "top",
+    bottom: "bottom",
+    left: "left",
+    right: "right",
+    auto: "top",
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Label = forwardRef(({ required, helpIconProps, className, children, ...otherProps }, ref) => {
+    const helpIcon = helpIconProps?.icon ?? CircleQuestionMark;
+    const iconElement = (jsx("span", { className: cn("inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground", helpIconProps?.onClick && "cursor-pointer", helpIconProps?.className), onClick: helpIconProps?.onClick, children: renderIcon(helpIcon, "size-3.5") }));
+    const renderHelpIcon = () => {
+        if (!helpIconProps)
+            return null;
+        // Popover mode
+        if (helpIconProps.popoverProps) {
+            const { title, description, helpLinkProps } = helpIconProps.popoverProps;
+            return (jsxs(Popover, { trigger: iconElement, children: [title && jsx(Popover.Title, { children: title }), description && (jsx("p", { className: "text-sm text-muted-foreground", children: description })), helpLinkProps && (jsx(Button, { variant: "link", size: "sm", className: "mt-1 h-auto self-start p-0", ...helpLinkProps, href: helpLinkProps.href }))] }));
+        }
+        // Tooltip mode
+        if (helpIconProps.tooltipProps?.content) {
+            const side = SIDE_MAP[helpIconProps.tooltipProps.position ?? "auto"] ?? "top";
+            return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: iconElement }), jsx(TooltipContent, { side: side, children: helpIconProps.tooltipProps.content })] }) }));
+        }
+        // Icon only (with optional onClick)
+        return iconElement;
+    };
+    return (jsxs(Label$1, { ref: ref, className: cn(className), ...otherProps, children: [children, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })), renderHelpIcon()] }));
+});
+Label.displayName = "Label";
+
+export { Label };
+//# sourceMappingURL=Label.js.map

package/dist/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../../src/components/Label.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import React, { forwardRef } from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { Popover } from \"src/components/Popover\";\nimport { Button, type ButtonProps } from \"src/components/Button\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface HelpIconTooltipProps {\n  /** Tooltip content. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\ninterface HelpIconPopoverProps {\n  /** Popover title. */\n  title?: React.ReactNode;\n  /** Popover description. */\n  description?: React.ReactNode;\n  /** Props for an optional help link button inside the popover. */\n  helpLinkProps?: ButtonProps;\n}\n\ninterface HelpIconProps {\n  /** Click handler on the help icon. */\n  onClick?: () => void;\n  /** Custom icon. Defaults to CircleHelpIcon. */\n  icon?: IconProp;\n  /** Show a tooltip on hover. */\n  tooltipProps?: HelpIconTooltipProps;\n  /** Show a popover on hover with title, description, and optional link. */\n  popoverProps?: HelpIconPopoverProps;\n  /** Additional class name for the help icon. */\n  className?: string;\n}\n\nexport interface LabelProps extends React.ComponentProps<\n  typeof PrimitiveLabel\n> {\n  /** Shows a red asterisk after the label text. */\n  required?: boolean;\n  /** Props for the help icon (tooltip or popover mode). */\n  helpIconProps?: HelpIconProps;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Tooltip side mapping\n// ---------------------------------------------------------------------------\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"top\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n  ({ required, helpIconProps, className, children, ...otherProps }, ref) => {\n    const helpIcon = helpIconProps?.icon ?? CircleHelpIcon;\n\n    const iconElement = (\n      <span\n        className={cn(\n          \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n          helpIconProps?.onClick && \"cursor-pointer\",\n          helpIconProps?.className\n        )}\n        onClick={helpIconProps?.onClick}\n      >\n        {renderIcon(helpIcon, \"size-3.5\")}\n      </span>\n    );\n\n    const renderHelpIcon = () => {\n      if (!helpIconProps) return null;\n\n      // Popover mode\n      if (helpIconProps.popoverProps) {\n        const { title, description, helpLinkProps } =\n          helpIconProps.popoverProps;\n\n        return (\n          <Popover trigger={iconElement}>\n            {title && <Popover.Title>{title}</Popover.Title>}\n            {description && (\n              <p className=\"text-sm text-muted-foreground\">{description}</p>\n            )}\n            {helpLinkProps && (\n              <Button\n                variant=\"link\"\n                size=\"sm\"\n                className=\"mt-1 h-auto self-start p-0\"\n                {...helpLinkProps}\n                href={helpLinkProps.href}\n              />\n            )}\n          </Popover>\n        );\n      }\n\n      // Tooltip mode\n      if (helpIconProps.tooltipProps?.content) {\n        const side =\n          SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n        return (\n          <TooltipProvider>\n            <Tooltip>\n              <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n              <TooltipContent side={side}>\n                {helpIconProps.tooltipProps.content}\n              </TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n        );\n      }\n\n      // Icon only (with optional onClick)\n      return iconElement;\n    };\n\n    return (\n      <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n        {children}\n        {required && (\n          <span aria-hidden=\"true\" className=\"text-destructive\">\n            *\n          </span>\n        )}\n        {renderHelpIcon()}\n      </PrimitiveLabel>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["CircleHelpIcon","_jsx","_jsxs","PrimitiveLabel"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,5 @@
+export declare const SIZE_CONFIG: Record<"small" | "medium" | "large", {
+    chips: string;
+    input: string;
+    chip: string;
+}>;

package/dist/components/MultiSelect.d.ts

@@ -0,0 +1,4 @@
+import type { MultiSelectProps } from "./MultiSelect.types";
+export type { MultiSelectProps, MultiSelectOption, MultiSelectOptionBase, MultiSelectOptionGroup, } from "./MultiSelect.types";
+declare const MultiSelect: import("react").ForwardRefExoticComponent<MultiSelectProps & import("react").RefAttributes<HTMLDivElement>>;
+export { MultiSelect };

package/dist/components/MultiSelect.js

@@ -0,0 +1,4 @@
+export { c as computeEffectiveItems, f as flattenOptions, h as hasGroups, t as toBaseUiItems } from '../useCreatableItems-B0seQA1_.js';
+import './shared.js';
+import 'react';
+//# sourceMappingURL=MultiSelect.js.map

package/dist/components/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/MultiSelect.types.d.ts

@@ -0,0 +1,121 @@
+import type React from "react";
+import type { ComboboxContent } from "src/primitives/Combobox";
+import type { FieldLabel } from "src/primitives/Field";
+import type { OptionBase, OptionGroup, Option } from "./shared.types";
+type MultiSelectSize = "small" | "medium" | "large";
+export type MultiSelectOptionBase = OptionBase;
+export type MultiSelectOptionGroup = OptionGroup;
+export type MultiSelectOption = Option;
+export interface MultiSelectProps {
+    /** Unique identifier for the component. Auto-generated if omitted. */
+    id?: string;
+    /** Name attribute for form submission. */
+    name?: string;
+    /** Size of the input/chips area. */
+    size?: MultiSelectSize;
+    /** Label displayed above the component. */
+    label?: string;
+    /** Error message displayed below the component. */
+    error?: string;
+    /** Help text displayed below the component. */
+    helpText?: React.ReactNode;
+    /** Placeholder text for the search input. */
+    placeholder?: string;
+    /** Text displayed when no options match the search query. */
+    emptyMessage?: string;
+    /** Flat or grouped option list. */
+    options?: MultiSelectOption[];
+    /** Controlled selected values. */
+    value?: string[];
+    /** Default selected values (uncontrolled). */
+    defaultValue?: string[];
+    /** Callback fired when selected values change. */
+    onChange?: (values: string[]) => void;
+    /** Disable the component. */
+    isDisabled?: boolean;
+    /** Mark as required. */
+    required?: boolean;
+    /**
+     * Enable search/filtering of options by typing in the input.
+     * When false, the input is hidden and the dropdown shows all options.
+     * @default true
+     */
+    isSearchable?: boolean;
+    /** Whether the first matching item is highlighted automatically. */
+    autoHighlight?: boolean;
+    /** Callback fired when the dropdown opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Custom data-testid prefix for the component tree. */
+    dataTestId?: string;
+    /** Props forwarded to the FieldLabel. */
+    labelProps?: Omit<React.ComponentProps<typeof FieldLabel>, "htmlFor" | "children">;
+    /** Props forwarded to the ComboboxContent. */
+    contentProps?: Omit<React.ComponentProps<typeof ComboboxContent>, "anchor" | "children">;
+    /** Additional CSS class names for the outermost wrapper. */
+    className?: string;
+    /** Additional CSS class names for the chips container. */
+    chipsClassName?: string;
+    /** Hide the remove button on individual chips. */
+    hideChipRemove?: boolean;
+    /**
+     * Allow creating new options by typing a value that doesn't exist.
+     * Shows a "Create X" item at the bottom of the dropdown.
+     */
+    isCreatable?: boolean;
+    /**
+     * Callback fired when a new option is created via the "Create X" item.
+     * The parent should update the `options` list to include the new value.
+     */
+    onCreateOption?: (inputValue: string) => void;
+    /**
+     * Customize the label for the "Create" option in the dropdown.
+     * Receives the current input value and should return a display string.
+     * @default (inputValue) => `Create "${inputValue}"`
+     */
+    formatCreateLabel?: (inputValue: string) => string;
+    /**
+     * Async function that fetches options based on the current input value.
+     * When provided, the component manages options internally from the async
+     * results instead of using the static `options` prop for the dropdown.
+     * Works with `isCreatable` for the AsyncCreatable pattern.
+     */
+    loadOptions?: (inputValue: string) => Promise<MultiSelectOptionBase[]>;
+    /**
+     * Options to show before the user types anything.
+     * When `true`, `loadOptions("")` is called on mount.
+     * When an array, those options are shown initially.
+     * @default false
+     */
+    defaultOptions?: boolean | MultiSelectOptionBase[];
+    /**
+     * Cache results from `loadOptions` so repeated queries are instant.
+     * @default false
+     */
+    cacheOptions?: boolean;
+    /**
+     * Text shown while `loadOptions` is fetching.
+     * @default "Loading…"
+     */
+    loadingMessage?: string;
+    /**
+     * Enable lazy loading of options as the user scrolls.
+     * When true, a spinner appears at the bottom of the dropdown and
+     * `fetchMore` is called when it scrolls into view.
+     * @default false
+     */
+    isAsyncLoadOptionEnabled?: boolean;
+    /**
+     * Callback to load the next batch of options.
+     * Called automatically when the sentinel at the bottom of the list
+     * becomes visible via IntersectionObserver.
+     */
+    fetchMore?: () => void;
+    /**
+     * The total number of options available on the server.
+     * The spinner / sentinel is shown while `options.length < totalOptionsCount`.
+     */
+    totalOptionsCount?: number;
+    /** Children rendered inside the ComboboxContent (overrides `options`). */
+    children?: React.ReactNode;
+}
+export {};

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

@@ -0,0 +1,18 @@
+import type { MultiSelectOption, MultiSelectOptionBase } from "./MultiSelect.types";
+/** Flatten grouped options into a flat lookup array. */
+export declare function flattenOptions(options: MultiSelectOption[]): MultiSelectOptionBase[];
+/** Check if any option is a group. */
+export declare function hasGroups(options: MultiSelectOption[]): boolean;
+/** Convert options to base-ui `items` format for filtering support. */
+export declare function toBaseUiItems(options: MultiSelectOption[]): string[] | {
+    label: string;
+    items: string[];
+}[];
+/** Build the effective items array, appending a "Create" entry when needed. */
+export declare function computeEffectiveItems(children: unknown, baseUiItems: string[] | {
+    label: string;
+    items: string[];
+}[] | undefined, showCreateOption: boolean, isGrouped: boolean, trimmedInput: string): string[] | {
+    label: string;
+    items: string[];
+}[] | undefined;

package/dist/components/MultiSelectCombobox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { MultiSelectComboboxProps } from "./MultiSelectCombobox.types";
+export declare const MultiSelectCombobox: React.ForwardRefExoticComponent<MultiSelectComboboxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/MultiSelectCombobox.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=MultiSelectCombobox.js.map

package/dist/components/MultiSelectCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectCombobox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}