@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Input/index.cjs

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const field = require("@base-ui/react/field");
+const Input_module = require("./Input.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function mergeAriaIds(...ids) {
+  const merged = ids.filter(Boolean).join(" ").trim();
+  return merged.length > 0 ? merged : void 0;
+}
+function parseShortcut(shortcut) {
+  let meta = false, shift = false, alt = false;
+  let remaining = shortcut;
+  if (remaining.includes("⌘")) {
+    meta = true;
+    remaining = remaining.replace("⌘", "");
+  }
+  if (remaining.includes("⇧")) {
+    shift = true;
+    remaining = remaining.replace("⇧", "");
+  }
+  if (remaining.includes("⌥")) {
+    alt = true;
+    remaining = remaining.replace("⌥", "");
+  }
+  remaining = remaining.trim();
+  if (!remaining) return null;
+  return { meta, shift, alt, key: remaining };
+}
+const InputRoot = React__namespace.forwardRef(
+  function Input2({
+    value,
+    defaultValue,
+    placeholder,
+    type = "text",
+    size = "md",
+    disabled = false,
+    error = false,
+    label,
+    helperText,
+    shortcut,
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    className,
+    style,
+    inputStyle,
+    inputClassName,
+    name,
+    id,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...htmlProps
+  }, ref) {
+    const generatedId = React__namespace.useId();
+    const helperId = helperText ? `input-helper-${generatedId}` : void 0;
+    const internalRef = React__namespace.useRef(null);
+    const mergedRef = React__namespace.useCallback(
+      (node) => {
+        internalRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [ref]
+    );
+    React__namespace.useEffect(() => {
+      if (!shortcut) return;
+      const parsed = parseShortcut(shortcut);
+      if (!parsed) return;
+      const handler = (e) => {
+        var _a;
+        if (parsed.meta && !(e.metaKey || e.ctrlKey)) return;
+        if (parsed.shift && !e.shiftKey) return;
+        if (parsed.alt && !e.altKey) return;
+        if (e.key.toLowerCase() !== parsed.key.toLowerCase()) return;
+        e.preventDefault();
+        (_a = internalRef.current) == null ? void 0 : _a.focus();
+      };
+      document.addEventListener("keydown", handler);
+      return () => document.removeEventListener("keydown", handler);
+    }, [shortcut]);
+    const inputClasses = [
+      Input_module.default.input,
+      Input_module.default[size],
+      error && Input_module.default.error,
+      shortcut && Input_module.default.hasShortcut,
+      inputClassName
+    ].filter(Boolean).join(" ");
+    const helperClasses = [Input_module.default.helper, error && Input_module.default.helperError].filter(Boolean).join(" ");
+    const wrapperClasses = [Input_module.default.wrapper, className].filter(Boolean).join(" ");
+    const labelClasses = [Input_module.default.label, size === "sm" && Input_module.default.labelSm].filter(Boolean).join(" ");
+    const inputElement = /* @__PURE__ */ jsxRuntime.jsx(
+      field.Field.Control,
+      {
+        ref: mergedRef,
+        type,
+        value,
+        defaultValue,
+        placeholder,
+        name,
+        id,
+        onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+        onBlur,
+        onFocus,
+        onKeyDown,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": mergeAriaIds(ariaDescribedBy, helperId),
+        className: inputClasses,
+        style: inputStyle,
+        render: /* @__PURE__ */ jsxRuntime.jsx("input", {})
+      }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(field.Field.Root, { ...htmlProps, disabled, invalid: error, className: wrapperClasses, style, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Label, { className: labelClasses, children: label }),
+      shortcut ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Input_module.default.inputContainer, children: [
+        inputElement,
+        /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: Input_module.default.shortcut, children: shortcut })
+      ] }) : inputElement,
+      helperText && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Description, { id: helperId, className: helperClasses, children: helperText })
+    ] });
+  }
+);
+const Input = Object.assign(InputRoot, {
+  Root: InputRoot
+});
+exports.Input = Input;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Field } from '@base-ui/react/field';\nimport styles from './Input.module.scss';\n\nexport interface InputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'defaultValue'> {\n  value?: string;\n  defaultValue?: string;\n  placeholder?: string;\n  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  /** Keyboard shortcut hint displayed inside the input (e.g., \"⌘K\"). Also registers a global keydown listener that focuses the input when the shortcut is pressed. */\n  shortcut?: string;\n  onChange?: (value: string) => void;\n  onBlur?: () => void;\n  onFocus?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Styles applied directly to the input element */\n  inputStyle?: React.CSSProperties;\n  /** Class applied directly to the input element */\n  inputClassName?: string;\n  name?: string;\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n  const merged = ids.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\nfunction parseShortcut(shortcut: string): { meta: boolean; shift: boolean; alt: boolean; key: string } | null {\n  let meta = false, shift = false, alt = false;\n  let remaining = shortcut;\n\n  if (remaining.includes('⌘')) { meta = true; remaining = remaining.replace('⌘', ''); }\n  if (remaining.includes('⇧')) { shift = true; remaining = remaining.replace('⇧', ''); }\n  if (remaining.includes('⌥')) { alt = true; remaining = remaining.replace('⌥', ''); }\n\n  remaining = remaining.trim();\n  if (!remaining) return null;\n\n  return { meta, shift, alt, key: remaining };\n}\n\nconst InputRoot = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input(\n    {\n      value,\n      defaultValue,\n      placeholder,\n      type = 'text',\n      size = 'md',\n      disabled = false,\n      error = false,\n      label,\n      helperText,\n      shortcut,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      className,\n      style,\n      inputStyle,\n      inputClassName,\n      name,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const generatedId = React.useId();\n    const helperId = helperText ? `input-helper-${generatedId}` : undefined;\n\n    const internalRef = React.useRef<HTMLInputElement>(null);\n    const mergedRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    // Register global keydown handler when shortcut is provided\n    React.useEffect(() => {\n      if (!shortcut) return;\n      const parsed = parseShortcut(shortcut);\n      if (!parsed) return;\n\n      const handler = (e: KeyboardEvent) => {\n        if (parsed.meta && !(e.metaKey || e.ctrlKey)) return;\n        if (parsed.shift && !e.shiftKey) return;\n        if (parsed.alt && !e.altKey) return;\n        if (e.key.toLowerCase() !== parsed.key.toLowerCase()) return;\n        e.preventDefault();\n        internalRef.current?.focus();\n      };\n      document.addEventListener('keydown', handler);\n      return () => document.removeEventListener('keydown', handler);\n    }, [shortcut]);\n\n    const inputClasses = [\n      styles.input,\n      styles[size],\n      error && styles.error,\n      shortcut && styles.hasShortcut,\n      inputClassName,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const helperClasses = [styles.helper, error && styles.helperError]\n      .filter(Boolean)\n      .join(' ');\n\n    const wrapperClasses = [styles.wrapper, className].filter(Boolean).join(' ');\n    const labelClasses = [styles.label, size === 'sm' && styles.labelSm].filter(Boolean).join(' ');\n\n    const inputElement = (\n      <Field.Control\n        ref={mergedRef}\n        type={type}\n        value={value}\n        defaultValue={defaultValue}\n        placeholder={placeholder}\n        name={name}\n        id={id}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n          onChange?.(e.target.value)\n        }\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={mergeAriaIds(ariaDescribedBy, helperId)}\n        className={inputClasses}\n        style={inputStyle}\n        render={<input />}\n      />\n    );\n\n    return (\n      <Field.Root {...htmlProps} disabled={disabled} invalid={error} className={wrapperClasses} style={style}>\n        {label && <Field.Label className={labelClasses}>{label}</Field.Label>}\n        {shortcut ? (\n          <div className={styles.inputContainer}>\n            {inputElement}\n            <kbd className={styles.shortcut}>{shortcut}</kbd>\n          </div>\n        ) : (\n          inputElement\n        )}\n        {helperText && (\n          <Field.Description id={helperId} className={helperClasses}>\n            {helperText}\n          </Field.Description>\n        )}\n      </Field.Root>\n    );\n  }\n);\n\nexport const Input = Object.assign(InputRoot, {\n  Root: InputRoot,\n});\n"],"names":["React","Input","styles","jsx","Field","jsxs"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface InputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'defaultValue'> {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    error?: boolean;
+    label?: string;
+    helperText?: string;
+    /** Keyboard shortcut hint displayed inside the input (e.g., "⌘K"). Also registers a global keydown listener that focuses the input when the shortcut is pressed. */
+    shortcut?: string;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Styles applied directly to the input element */
+    inputStyle?: React.CSSProperties;
+    /** Class applied directly to the input element */
+    inputClassName?: string;
+    name?: string;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>> & {
+    Root: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,CAAC;IAC9I,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oKAAoK;IACpK,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,mDAAmD;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAmJD,eAAO,MAAM,KAAK;;CAEhB,CAAC"}

package/dist/components/Input/index.js

@@ -0,0 +1,133 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Field } from "@base-ui/react/field";
+import styles from "./Input.module.scss.js";
+function mergeAriaIds(...ids) {
+  const merged = ids.filter(Boolean).join(" ").trim();
+  return merged.length > 0 ? merged : void 0;
+}
+function parseShortcut(shortcut) {
+  let meta = false, shift = false, alt = false;
+  let remaining = shortcut;
+  if (remaining.includes("⌘")) {
+    meta = true;
+    remaining = remaining.replace("⌘", "");
+  }
+  if (remaining.includes("⇧")) {
+    shift = true;
+    remaining = remaining.replace("⇧", "");
+  }
+  if (remaining.includes("⌥")) {
+    alt = true;
+    remaining = remaining.replace("⌥", "");
+  }
+  remaining = remaining.trim();
+  if (!remaining) return null;
+  return { meta, shift, alt, key: remaining };
+}
+const InputRoot = React.forwardRef(
+  function Input2({
+    value,
+    defaultValue,
+    placeholder,
+    type = "text",
+    size = "md",
+    disabled = false,
+    error = false,
+    label,
+    helperText,
+    shortcut,
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    className,
+    style,
+    inputStyle,
+    inputClassName,
+    name,
+    id,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...htmlProps
+  }, ref) {
+    const generatedId = React.useId();
+    const helperId = helperText ? `input-helper-${generatedId}` : void 0;
+    const internalRef = React.useRef(null);
+    const mergedRef = React.useCallback(
+      (node) => {
+        internalRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [ref]
+    );
+    React.useEffect(() => {
+      if (!shortcut) return;
+      const parsed = parseShortcut(shortcut);
+      if (!parsed) return;
+      const handler = (e) => {
+        var _a;
+        if (parsed.meta && !(e.metaKey || e.ctrlKey)) return;
+        if (parsed.shift && !e.shiftKey) return;
+        if (parsed.alt && !e.altKey) return;
+        if (e.key.toLowerCase() !== parsed.key.toLowerCase()) return;
+        e.preventDefault();
+        (_a = internalRef.current) == null ? void 0 : _a.focus();
+      };
+      document.addEventListener("keydown", handler);
+      return () => document.removeEventListener("keydown", handler);
+    }, [shortcut]);
+    const inputClasses = [
+      styles.input,
+      styles[size],
+      error && styles.error,
+      shortcut && styles.hasShortcut,
+      inputClassName
+    ].filter(Boolean).join(" ");
+    const helperClasses = [styles.helper, error && styles.helperError].filter(Boolean).join(" ");
+    const wrapperClasses = [styles.wrapper, className].filter(Boolean).join(" ");
+    const labelClasses = [styles.label, size === "sm" && styles.labelSm].filter(Boolean).join(" ");
+    const inputElement = /* @__PURE__ */ jsx(
+      Field.Control,
+      {
+        ref: mergedRef,
+        type,
+        value,
+        defaultValue,
+        placeholder,
+        name,
+        id,
+        onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+        onBlur,
+        onFocus,
+        onKeyDown,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": mergeAriaIds(ariaDescribedBy, helperId),
+        className: inputClasses,
+        style: inputStyle,
+        render: /* @__PURE__ */ jsx("input", {})
+      }
+    );
+    return /* @__PURE__ */ jsxs(Field.Root, { ...htmlProps, disabled, invalid: error, className: wrapperClasses, style, children: [
+      label && /* @__PURE__ */ jsx(Field.Label, { className: labelClasses, children: label }),
+      shortcut ? /* @__PURE__ */ jsxs("div", { className: styles.inputContainer, children: [
+        inputElement,
+        /* @__PURE__ */ jsx("kbd", { className: styles.shortcut, children: shortcut })
+      ] }) : inputElement,
+      helperText && /* @__PURE__ */ jsx(Field.Description, { id: helperId, className: helperClasses, children: helperText })
+    ] });
+  }
+);
+const Input = Object.assign(InputRoot, {
+  Root: InputRoot
+});
+export {
+  Input
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Field } from '@base-ui/react/field';\nimport styles from './Input.module.scss';\n\nexport interface InputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'defaultValue'> {\n  value?: string;\n  defaultValue?: string;\n  placeholder?: string;\n  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n  error?: boolean;\n  label?: string;\n  helperText?: string;\n  /** Keyboard shortcut hint displayed inside the input (e.g., \"⌘K\"). Also registers a global keydown listener that focuses the input when the shortcut is pressed. */\n  shortcut?: string;\n  onChange?: (value: string) => void;\n  onBlur?: () => void;\n  onFocus?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Styles applied directly to the input element */\n  inputStyle?: React.CSSProperties;\n  /** Class applied directly to the input element */\n  inputClassName?: string;\n  name?: string;\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n  const merged = ids.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\nfunction parseShortcut(shortcut: string): { meta: boolean; shift: boolean; alt: boolean; key: string } | null {\n  let meta = false, shift = false, alt = false;\n  let remaining = shortcut;\n\n  if (remaining.includes('⌘')) { meta = true; remaining = remaining.replace('⌘', ''); }\n  if (remaining.includes('⇧')) { shift = true; remaining = remaining.replace('⇧', ''); }\n  if (remaining.includes('⌥')) { alt = true; remaining = remaining.replace('⌥', ''); }\n\n  remaining = remaining.trim();\n  if (!remaining) return null;\n\n  return { meta, shift, alt, key: remaining };\n}\n\nconst InputRoot = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input(\n    {\n      value,\n      defaultValue,\n      placeholder,\n      type = 'text',\n      size = 'md',\n      disabled = false,\n      error = false,\n      label,\n      helperText,\n      shortcut,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      className,\n      style,\n      inputStyle,\n      inputClassName,\n      name,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const generatedId = React.useId();\n    const helperId = helperText ? `input-helper-${generatedId}` : undefined;\n\n    const internalRef = React.useRef<HTMLInputElement>(null);\n    const mergedRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    // Register global keydown handler when shortcut is provided\n    React.useEffect(() => {\n      if (!shortcut) return;\n      const parsed = parseShortcut(shortcut);\n      if (!parsed) return;\n\n      const handler = (e: KeyboardEvent) => {\n        if (parsed.meta && !(e.metaKey || e.ctrlKey)) return;\n        if (parsed.shift && !e.shiftKey) return;\n        if (parsed.alt && !e.altKey) return;\n        if (e.key.toLowerCase() !== parsed.key.toLowerCase()) return;\n        e.preventDefault();\n        internalRef.current?.focus();\n      };\n      document.addEventListener('keydown', handler);\n      return () => document.removeEventListener('keydown', handler);\n    }, [shortcut]);\n\n    const inputClasses = [\n      styles.input,\n      styles[size],\n      error && styles.error,\n      shortcut && styles.hasShortcut,\n      inputClassName,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const helperClasses = [styles.helper, error && styles.helperError]\n      .filter(Boolean)\n      .join(' ');\n\n    const wrapperClasses = [styles.wrapper, className].filter(Boolean).join(' ');\n    const labelClasses = [styles.label, size === 'sm' && styles.labelSm].filter(Boolean).join(' ');\n\n    const inputElement = (\n      <Field.Control\n        ref={mergedRef}\n        type={type}\n        value={value}\n        defaultValue={defaultValue}\n        placeholder={placeholder}\n        name={name}\n        id={id}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n          onChange?.(e.target.value)\n        }\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={mergeAriaIds(ariaDescribedBy, helperId)}\n        className={inputClasses}\n        style={inputStyle}\n        render={<input />}\n      />\n    );\n\n    return (\n      <Field.Root {...htmlProps} disabled={disabled} invalid={error} className={wrapperClasses} style={style}>\n        {label && <Field.Label className={labelClasses}>{label}</Field.Label>}\n        {shortcut ? (\n          <div className={styles.inputContainer}>\n            {inputElement}\n            <kbd className={styles.shortcut}>{shortcut}</kbd>\n          </div>\n        ) : (\n          inputElement\n        )}\n        {helperText && (\n          <Field.Description id={helperId} className={helperClasses}>\n            {helperText}\n          </Field.Description>\n        )}\n      </Field.Root>\n    );\n  }\n);\n\nexport const Input = Object.assign(InputRoot, {\n  Root: InputRoot,\n});\n"],"names":["Input"],"mappings":"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"}

package/dist/components/Link/Link.module.scss.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const link = "_link_77ogl_1";
+const subtle = "_subtle_77ogl_34";
+const muted = "_muted_77ogl_41";
+const underlineAlways = "_underline-always_77ogl_48";
+const underlineHover = "_underline-hover_77ogl_53";
+const underlineNone = "_underline-none_77ogl_61";
+const styles = {
+  link,
+  "default": "_default_77ogl_27",
+  subtle,
+  muted,
+  underlineAlways,
+  underlineHover,
+  underlineNone
+};
+exports.default = styles;
+exports.link = link;
+exports.muted = muted;
+exports.subtle = subtle;
+exports.underlineAlways = underlineAlways;
+exports.underlineHover = underlineHover;
+exports.underlineNone = underlineNone;
+//# sourceMappingURL=Link.module.scss.cjs.map

package/dist/components/Link/Link.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Link/Link.module.scss.js

@@ -0,0 +1,25 @@
+const link = "_link_77ogl_1";
+const subtle = "_subtle_77ogl_34";
+const muted = "_muted_77ogl_41";
+const underlineAlways = "_underline-always_77ogl_48";
+const underlineHover = "_underline-hover_77ogl_53";
+const underlineNone = "_underline-none_77ogl_61";
+const styles = {
+  link,
+  "default": "_default_77ogl_27",
+  subtle,
+  muted,
+  underlineAlways,
+  underlineHover,
+  underlineNone
+};
+export {
+  styles as default,
+  link,
+  muted,
+  subtle,
+  underlineAlways,
+  underlineHover,
+  underlineNone
+};
+//# sourceMappingURL=Link.module.scss.js.map

package/dist/components/Link/Link.module.scss.js.map

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

package/dist/components/Link/index.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Link_module = require("./Link.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const LinkRoot = React__namespace.forwardRef(
+  function Link2({
+    children,
+    variant = "default",
+    underline = "hover",
+    external = false,
+    asChild = false,
+    className,
+    style,
+    target,
+    rel,
+    ...props
+  }, ref) {
+    const classes = [
+      Link_module.default.link,
+      Link_module.default[variant],
+      Link_module.default[`underline-${underline}`],
+      className
+    ].filter(Boolean).join(" ");
+    const externalProps = external ? {
+      target: target || "_blank",
+      rel: rel || "noopener noreferrer"
+    } : { target, rel };
+    if (asChild && React__namespace.isValidElement(children)) {
+      const childProps = children.props;
+      const mergedProps = {
+        ref,
+        className: childProps.className ? `${classes} ${childProps.className}` : classes,
+        style: { ...style, ...childProps.style },
+        ...externalProps,
+        ...props
+      };
+      return React__namespace.cloneElement(children, mergedProps);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { ref, className: classes, style, ...externalProps, ...props, children });
+  }
+);
+const Link = Object.assign(LinkRoot, {
+  Root: LinkRoot
+});
+exports.Link = Link;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Link/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Link/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Link.module.scss';\n\nexport interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  children: React.ReactNode;\n  /** Visual variant */\n  variant?: 'default' | 'subtle' | 'muted';\n  /** Underline style */\n  underline?: 'always' | 'hover' | 'none';\n  /** Open in new tab (adds rel=\"noopener noreferrer\") */\n  external?: boolean;\n  /**\n   * Render as child element (polymorphic). When true, clones the single child\n   * and merges link props onto it. Useful for rendering as Next.js Link, etc.\n   */\n  asChild?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Inline styles */\n  style?: React.CSSProperties;\n}\n\nconst LinkRoot = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  function Link(\n    {\n      children,\n      variant = 'default',\n      underline = 'hover',\n      external = false,\n      asChild = false,\n      className,\n      style,\n      target,\n      rel,\n      ...props\n    },\n    ref\n  ) {\n    const classes = [\n      styles.link,\n      styles[variant],\n      styles[`underline-${underline}`],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // Handle external links\n    const externalProps = external\n      ? {\n          target: target || '_blank',\n          rel: rel || 'noopener noreferrer',\n        }\n      : { target, rel };\n\n    if (asChild && React.isValidElement(children)) {\n      const childProps = children.props as Record<string, unknown>;\n      const mergedProps: Record<string, unknown> = {\n        ref,\n        className: childProps.className\n          ? `${classes} ${childProps.className}`\n          : classes,\n        style: { ...style, ...(childProps.style as React.CSSProperties | undefined) },\n        ...externalProps,\n        ...props,\n      };\n      return React.cloneElement(children, mergedProps);\n    }\n\n    return (\n      <a ref={ref} className={classes} style={style} {...externalProps} {...props}>\n        {children}\n      </a>\n    );\n  }\n);\n\nexport const Link = Object.assign(LinkRoot, {\n  Root: LinkRoot,\n});\n"],"names":["React","Link","styles","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,WAAWA,iBAAM;AAAA,EACrB,SAASC,MACP;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,UAAU;AAAA,MACdC,YAAAA,QAAO;AAAA,MACPA,YAAAA,QAAO,OAAO;AAAA,MACdA,YAAAA,QAAO,aAAa,SAAS,EAAE;AAAA,MAC/B;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,UAAM,gBAAgB,WAClB;AAAA,MACE,QAAQ,UAAU;AAAA,MAClB,KAAK,OAAO;AAAA,IAAA,IAEd,EAAE,QAAQ,IAAA;AAEd,QAAI,WAAWF,iBAAM,eAAe,QAAQ,GAAG;AAC7C,YAAM,aAAa,SAAS;AAC5B,YAAM,cAAuC;AAAA,QAC3C;AAAA,QACA,WAAW,WAAW,YAClB,GAAG,OAAO,IAAI,WAAW,SAAS,KAClC;AAAA,QACJ,OAAO,EAAE,GAAG,OAAO,GAAI,WAAW,MAAA;AAAA,QAClC,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAEL,aAAOA,iBAAM,aAAa,UAAU,WAAW;AAAA,IACjD;AAEA,WACEG,+BAAC,KAAA,EAAE,KAAU,WAAW,SAAS,OAAe,GAAG,eAAgB,GAAG,OACnE,SAAA,CACH;AAAA,EAEJ;AACF;AAEO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AACR,CAAC;;"}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React.ReactNode;
+    /** Visual variant */
+    variant?: 'default' | 'subtle' | 'muted';
+    /** Underline style */
+    underline?: 'always' | 'hover' | 'none';
+    /** Open in new tab (adds rel="noopener noreferrer") */
+    external?: boolean;
+    /**
+     * Render as child element (polymorphic). When true, clones the single child
+     * and merges link props onto it. Useful for rendering as Next.js Link, etc.
+     */
+    asChild?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>> & {
+    Root: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,sBAAsB;IACtB,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACxC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAyDD,eAAO,MAAM,IAAI;;CAEf,CAAC"}

package/dist/components/Link/index.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Link.module.scss.js";
+const LinkRoot = React.forwardRef(
+  function Link2({
+    children,
+    variant = "default",
+    underline = "hover",
+    external = false,
+    asChild = false,
+    className,
+    style,
+    target,
+    rel,
+    ...props
+  }, ref) {
+    const classes = [
+      styles.link,
+      styles[variant],
+      styles[`underline-${underline}`],
+      className
+    ].filter(Boolean).join(" ");
+    const externalProps = external ? {
+      target: target || "_blank",
+      rel: rel || "noopener noreferrer"
+    } : { target, rel };
+    if (asChild && React.isValidElement(children)) {
+      const childProps = children.props;
+      const mergedProps = {
+        ref,
+        className: childProps.className ? `${classes} ${childProps.className}` : classes,
+        style: { ...style, ...childProps.style },
+        ...externalProps,
+        ...props
+      };
+      return React.cloneElement(children, mergedProps);
+    }
+    return /* @__PURE__ */ jsx("a", { ref, className: classes, style, ...externalProps, ...props, children });
+  }
+);
+const Link = Object.assign(LinkRoot, {
+  Root: LinkRoot
+});
+export {
+  Link
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Link/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Link.module.scss';\n\nexport interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  children: React.ReactNode;\n  /** Visual variant */\n  variant?: 'default' | 'subtle' | 'muted';\n  /** Underline style */\n  underline?: 'always' | 'hover' | 'none';\n  /** Open in new tab (adds rel=\"noopener noreferrer\") */\n  external?: boolean;\n  /**\n   * Render as child element (polymorphic). When true, clones the single child\n   * and merges link props onto it. Useful for rendering as Next.js Link, etc.\n   */\n  asChild?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Inline styles */\n  style?: React.CSSProperties;\n}\n\nconst LinkRoot = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  function Link(\n    {\n      children,\n      variant = 'default',\n      underline = 'hover',\n      external = false,\n      asChild = false,\n      className,\n      style,\n      target,\n      rel,\n      ...props\n    },\n    ref\n  ) {\n    const classes = [\n      styles.link,\n      styles[variant],\n      styles[`underline-${underline}`],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // Handle external links\n    const externalProps = external\n      ? {\n          target: target || '_blank',\n          rel: rel || 'noopener noreferrer',\n        }\n      : { target, rel };\n\n    if (asChild && React.isValidElement(children)) {\n      const childProps = children.props as Record<string, unknown>;\n      const mergedProps: Record<string, unknown> = {\n        ref,\n        className: childProps.className\n          ? `${classes} ${childProps.className}`\n          : classes,\n        style: { ...style, ...(childProps.style as React.CSSProperties | undefined) },\n        ...externalProps,\n        ...props,\n      };\n      return React.cloneElement(children, mergedProps);\n    }\n\n    return (\n      <a ref={ref} className={classes} style={style} {...externalProps} {...props}>\n        {children}\n      </a>\n    );\n  }\n);\n\nexport const Link = Object.assign(LinkRoot, {\n  Root: LinkRoot,\n});\n"],"names":["Link"],"mappings":";;;AAsBA,MAAM,WAAW,MAAM;AAAA,EACrB,SAASA,MACP;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,OAAO,OAAO;AAAA,MACd,OAAO,aAAa,SAAS,EAAE;AAAA,MAC/B;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,UAAM,gBAAgB,WAClB;AAAA,MACE,QAAQ,UAAU;AAAA,MAClB,KAAK,OAAO;AAAA,IAAA,IAEd,EAAE,QAAQ,IAAA;AAEd,QAAI,WAAW,MAAM,eAAe,QAAQ,GAAG;AAC7C,YAAM,aAAa,SAAS;AAC5B,YAAM,cAAuC;AAAA,QAC3C;AAAA,QACA,WAAW,WAAW,YAClB,GAAG,OAAO,IAAI,WAAW,SAAS,KAClC;AAAA,QACJ,OAAO,EAAE,GAAG,OAAO,GAAI,WAAW,MAAA;AAAA,QAClC,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAEL,aAAO,MAAM,aAAa,UAAU,WAAW;AAAA,IACjD;AAEA,WACE,oBAAC,KAAA,EAAE,KAAU,WAAW,SAAS,OAAe,GAAG,eAAgB,GAAG,OACnE,SAAA,CACH;AAAA,EAEJ;AACF;AAEO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AACR,CAAC;"}

package/dist/components/List/List.module.scss.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const list = "_list_16fbx_1";
+const none = "_none_16fbx_8";
+const disc = "_disc_16fbx_12";
+const decimal = "_decimal_16fbx_17";
+const icon = "_icon_16fbx_22";
+const gapNone = "_gap-none_16fbx_26";
+const gapXs = "_gap-xs_16fbx_30";
+const gapSm = "_gap-sm_16fbx_34";
+const gapMd = "_gap-md_16fbx_38";
+const gapLg = "_gap-lg_16fbx_42";
+const item = "_item_16fbx_46";
+const iconItem = "_iconItem_16fbx_50";
+const iconWrapper = "_iconWrapper_16fbx_56";
+const itemContent = "_itemContent_16fbx_64";
+const styles = {
+  list,
+  none,
+  disc,
+  decimal,
+  icon,
+  gapNone,
+  gapXs,
+  gapSm,
+  gapMd,
+  gapLg,
+  item,
+  iconItem,
+  iconWrapper,
+  itemContent
+};
+exports.decimal = decimal;
+exports.default = styles;
+exports.disc = disc;
+exports.gapLg = gapLg;
+exports.gapMd = gapMd;
+exports.gapNone = gapNone;
+exports.gapSm = gapSm;
+exports.gapXs = gapXs;
+exports.icon = icon;
+exports.iconItem = iconItem;
+exports.iconWrapper = iconWrapper;
+exports.item = item;
+exports.itemContent = itemContent;
+exports.list = list;
+exports.none = none;
+//# sourceMappingURL=List.module.scss.cjs.map

package/dist/components/List/List.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}