asheeui 0.5.0

package/dist/components/keyboard/OnScreenKeyboard.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import { cn as k } from "@asheeui/utils";
+import { FloatingPortal as W } from "@floating-ui/react";
+import { useState as K, useEffect as O, useMemo as X, useCallback as P } from "react";
+import { useAsheeConfig as G } from "../../libs/context.js";
+import { Button as I } from "../button/Button.js";
+import { useKeyboard as J } from "./keyboard-context.js";
+function Q(e) {
+  return e === "{space}" ? "flex-[4]" : ["{bksp}", "{enter}", "{shift}", "{symbols}", "{abc}", "{clear}"].includes(
+    e
+  ) ? "flex-[1.6]" : "flex-1";
+}
+function T(e, o, i) {
+  var g;
+  const h = Object.getPrototypeOf(e), w = (g = Object.getOwnPropertyDescriptor(h, "value")) == null ? void 0 : g.set;
+  w ? w.call(e, o) : e.value = o, e.dispatchEvent(new Event("input", { bubbles: !0 })), requestAnimationFrame(() => {
+    e.focus(), e.setSelectionRange(i, i);
+  });
+}
+function Y(e, o, i) {
+  return o !== i ? { value: e.slice(0, o) + e.slice(i), cursor: o } : o === 0 ? { value: e, cursor: 0 } : {
+    value: e.slice(0, o - 1) + e.slice(i),
+    cursor: o - 1
+  };
+}
+function $(e) {
+  return (o, i, h) => ({
+    value: o.slice(0, i) + e + o.slice(h),
+    cursor: i + e.length
+  });
+}
+function oe({
+  className: e,
+  heightClass: o,
+  initialLayout: i,
+  variant: h,
+  color: w,
+  radius: g,
+  keyClassName: j
+}) {
+  const E = J();
+  if (!E) return null;
+  const { isOpen: m, activeElement: n, config: l, forceClose: S } = E, L = G(), b = l.layouts ?? {}, D = l.display ?? {}, B = o ?? l.heightClass, c = l.defaultLayout ?? "default", H = h ?? l.variant ?? L.defaultVariant ?? "solid", M = w ?? l.color ?? L.defaultColor ?? "primary", V = g ?? l.radius, [u, v] = K(
+    i ?? c
+  ), [F, R] = K(/* @__PURE__ */ new Set()), [q, A] = K(null);
+  O(() => {
+    m && v(i ?? c);
+  }, [m, i, c]);
+  const z = X(() => (b[u] || b[c] || []).map((a, t) => ({
+    id: `${u}-row-${t}`,
+    keys: a.split(" ").map((f, d) => ({
+      id: `${u}-r${t}-k${d}-${f}`,
+      token: f
+    }))
+  })), [b, u, c]);
+  O(() => {
+    if (!m) return;
+    const a = (b[u] || []).join(" ").split(" "), t = (s) => s === "Backspace" ? "{bksp}" : s === "Enter" ? "{enter}" : s === " " ? "{space}" : s === "Shift" ? "{shift}" : s.length === 1 && a.includes(s) ? s : null, f = (s) => {
+      if (s.key === "Escape") {
+        S();
+        return;
+      }
+      const p = t(s.key);
+      p && R((C) => new Set(C).add(p));
+    }, d = (s) => {
+      const p = t(s.key);
+      p && R((C) => {
+        const N = new Set(C);
+        return N.delete(p), N;
+      });
+    };
+    return window.addEventListener("keydown", f), window.addEventListener("keyup", d), () => {
+      window.removeEventListener("keydown", f), window.removeEventListener("keyup", d);
+    };
+  }, [m, u, b, S]);
+  const x = P(
+    (r) => {
+      if (!n) return;
+      const a = n.value, t = n.selectionStart ?? a.length, f = n.selectionEnd ?? a.length, { value: d, cursor: s } = r(a, t, f);
+      T(n, d, s);
+    },
+    [n]
+  ), U = P(
+    (r) => {
+      if (r === "{shift}") {
+        v(
+          (t) => t === "shift" ? c : t === c ? "shift" : t
+        );
+        return;
+      }
+      if (r === "{symbols}") {
+        v("symbols");
+        return;
+      }
+      if (r === "{abc}") {
+        v(c);
+        return;
+      }
+      if (r === "{clear}") {
+        n && T(n, "", 0);
+        return;
+      }
+      if (r === "{enter}") {
+        (n == null ? void 0 : n.tagName) === "TEXTAREA" ? x($(`
+`)) : n == null || n.blur();
+        return;
+      }
+      if (r === "{bksp}") {
+        x(Y);
+        return;
+      }
+      x($(r === "{space}" ? " " : r)), u === "shift" && l.autoShiftBack && v(c);
+    },
+    [n, x, u, l.autoShiftBack, c]
+  );
+  return m ? /* @__PURE__ */ y(W, { children: /* @__PURE__ */ y(
+    "section",
+    {
+      "aria-label": "Virtual Keyboard",
+      className: "fixed inset-x-0 bottom-0 z-9999 pointer-events-auto",
+      onMouseDown: (r) => r.preventDefault(),
+      children: /* @__PURE__ */ y(
+        "div",
+        {
+          className: k(
+            "w-full bg-background border-t border-border shadow-2xl flex flex-col select-none",
+            B,
+            e
+          ),
+          children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5 p-2 flex-1 min-h-0", children: z.map((r) => /* @__PURE__ */ y("div", { className: "flex gap-1.5 flex-1", children: r.keys.map(({ id: a, token: t }) => {
+            const s = F.has(t) || q === t, p = D[t] ?? t;
+            return /* @__PURE__ */ y(
+              I,
+              {
+                variant: H,
+                color: s ? M : "secondary",
+                radius: V,
+                onClick: () => U(t),
+                onMouseEnter: () => A(t),
+                onMouseLeave: () => A(null),
+                className: k(
+                  "h-full text-lg font-medium p-0 flex items-center justify-center",
+                  Q(t),
+                  j
+                ),
+                children: p
+              },
+              a
+            );
+          }) }, r.id)) })
+        }
+      )
+    }
+  ) }) : null;
+}
+export {
+  oe as OnScreenKeyboard
+};

package/dist/components/keyboard/default-keyboard-config.d.ts

@@ -0,0 +1,10 @@
+import { KeyboardConfig, KeyboardLayouts, KeyDisplayMap } from './keyboard-config';
+export declare const defaultKeyboardLayouts: KeyboardLayouts;
+export declare const defaultKeyDisplay: KeyDisplayMap;
+export declare const defaultKeyboardConfig: KeyboardConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        keyboard: KeyboardConfig;
+    }
+}
+//# sourceMappingURL=default-keyboard-config.d.ts.map

package/dist/components/keyboard/default-keyboard-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-keyboard-config.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/default-keyboard-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,aAAa,EACd,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,EAAE,eAuBpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,aAQ/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAMnC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF"}

package/dist/components/keyboard/default-keyboard-config.js

@@ -0,0 +1,46 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+const s = {
+  default: [
+    "1 2 3 4 5 6 7 8 9 0 {bksp}",
+    "q w e r t y u i o p",
+    "a s d f g h j k l",
+    "{shift} z x c v b n m {shift}",
+    "{symbols} , {space} . {enter}"
+  ],
+  shift: [
+    "1 2 3 4 5 6 7 8 9 0 {bksp}",
+    "Q W E R T Y U I O P",
+    "A S D F G H J K L",
+    "{shift} Z X C V B N M {shift}",
+    "{symbols} , {space} . {enter}"
+  ],
+  symbols: [
+    "1 2 3 4 5 6 7 8 9 0 {bksp}",
+    "@ # $ _ & - + ( )",
+    `* " ' : ; ! ? %`,
+    "{abc} / \\ ~ ` = {abc}",
+    "{abc} , {space} . {enter}"
+  ],
+  numeric: ["1 2 3 {bksp}", "4 5 6 {clear}", "7 8 9 {enter}", "0 . {space}"]
+}, t = {
+  "{bksp}": "⌫",
+  "{enter}": "↵",
+  "{shift}": "⇧",
+  "{symbols}": "?123",
+  "{abc}": "ABC",
+  "{space}": "space",
+  "{clear}": "C"
+}, a = {
+  layouts: s,
+  display: t,
+  defaultLayout: "default",
+  heightClass: "h-[40vh] min-h-[18.75rem]",
+  autoShiftBack: !0
+};
+e("keyboard", a);
+export {
+  t as defaultKeyDisplay,
+  a as defaultKeyboardConfig,
+  s as defaultKeyboardLayouts
+};

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

@@ -0,0 +1,5 @@
+export * from './keyboard-config';
+export * from './keyboard-context';
+export * from './OnScreenKeyboard';
+export * from './use-keyboard-field';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/components/keyboard/index.js

@@ -0,0 +1,4 @@
+export * from "./OnScreenKeyboard.js";
+export * from "./default-keyboard-config.js";
+export * from "./keyboard-context.js";
+export * from "./use-keyboard-field.js";

package/dist/components/keyboard/keyboard-config.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Radius } from '../../shared/radius';
+import { Color, Variant } from '../../shared/variant';
+export type StandardLayoutName = "default" | "shift" | "symbols" | "numeric";
+export type LayoutName = StandardLayoutName | (string & {});
+export type KeyboardLayouts = Record<string, string[]>;
+export type KeyDisplayMap = Record<string, ReactNode>;
+export interface KeyboardConfig {
+    layouts?: KeyboardLayouts;
+    display?: KeyDisplayMap;
+    defaultLayout?: LayoutName;
+    heightClass?: string;
+    autoShiftBack?: boolean;
+    variant?: Variant;
+    color?: Color;
+    radius?: Radius;
+}
+//# sourceMappingURL=keyboard-config.d.ts.map

package/dist/components/keyboard/keyboard-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-config.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/keyboard-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAC7E,MAAM,MAAM,UAAU,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/keyboard/keyboard-context.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { Radius } from '../../shared/radius';
+import { Color, Variant } from '../../shared/variant';
+import { KeyboardConfig, KeyboardLayouts, KeyDisplayMap, LayoutName } from './keyboard-config';
+export type KeyboardElement = HTMLInputElement | HTMLTextAreaElement;
+export interface KeyboardContextType {
+    isOpen: boolean;
+    activeInputId: string | null;
+    activeElement: KeyboardElement | null;
+    config: KeyboardConfig;
+    openKeyboard: (id: string, el: KeyboardElement) => void;
+    requestClose: (id: string) => void;
+    forceClose: () => void;
+}
+export declare const KeyboardContext: import('react').Context<KeyboardContextType | null>;
+export interface KeyboardProviderProps {
+    children: ReactNode;
+    config?: KeyboardConfig;
+    layouts?: KeyboardLayouts;
+    display?: KeyDisplayMap;
+    defaultLayout?: LayoutName;
+    heightClass?: string;
+    autoShiftBack?: boolean;
+    closeDelay?: number;
+    variant?: Variant;
+    color?: Color;
+    radius?: Radius;
+}
+export declare function KeyboardProvider({ children, config: propConfig, layouts, display, defaultLayout, heightClass, autoShiftBack, closeDelay, variant, color, radius, }: KeyboardProviderProps): import("react").JSX.Element;
+export declare function useKeyboard(): KeyboardContextType;
+//# sourceMappingURL=keyboard-context.d.ts.map

package/dist/components/keyboard/keyboard-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-context.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/keyboard-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACX,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,qDAAkD,CAAC;AAE/E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,OAAO,EACP,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,+BA4HvB;AAED,wBAAgB,WAAW,wBAM1B"}

package/dist/components/keyboard/keyboard-context.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx as J } from "react/jsx-runtime";
+import { createContext as N, useMemo as F, useState as x, useRef as Q, useCallback as k, useContext as U } from "react";
+import { useAsheeConfig as V } from "../../libs/context.js";
+import { defaultKeyboardConfig as e } from "./default-keyboard-config.js";
+const G = N(null);
+function _({
+  children: l,
+  config: t,
+  layouts: I,
+  display: T,
+  defaultLayout: m,
+  heightClass: S,
+  autoShiftBack: w,
+  closeDelay: A = 120,
+  variant: B,
+  color: E,
+  radius: L
+}) {
+  var z;
+  const a = V(), u = (z = a == null ? void 0 : a.components) == null ? void 0 : z.keyboard, P = F(
+    () => ({
+      layouts: I ?? (t == null ? void 0 : t.layouts) ?? (u == null ? void 0 : u.layouts) ?? e.layouts,
+      display: T ?? (t == null ? void 0 : t.display) ?? (u == null ? void 0 : u.display) ?? e.display,
+      defaultLayout: m ?? (t == null ? void 0 : t.defaultLayout) ?? (u == null ? void 0 : u.defaultLayout) ?? e.defaultLayout,
+      heightClass: S ?? (t == null ? void 0 : t.heightClass) ?? (u == null ? void 0 : u.heightClass) ?? e.heightClass,
+      autoShiftBack: w ?? (t == null ? void 0 : t.autoShiftBack) ?? (u == null ? void 0 : u.autoShiftBack) ?? e.autoShiftBack,
+      variant: B ?? (t == null ? void 0 : t.variant) ?? (u == null ? void 0 : u.variant),
+      color: E ?? (t == null ? void 0 : t.color) ?? (u == null ? void 0 : u.color),
+      radius: L ?? (t == null ? void 0 : t.radius) ?? (u == null ? void 0 : u.radius)
+    }),
+    [
+      I,
+      t,
+      u,
+      T,
+      m,
+      S,
+      w,
+      B,
+      E,
+      L
+    ]
+  ), [O, r] = x(!1), [R, v] = x(null), [j, d] = x(
+    null
+  ), s = Q(null), q = k((n, c) => {
+    s.current && (clearTimeout(s.current), s.current = null), v(n), d(c), r(!0);
+  }, []), y = k(
+    (n) => {
+      s.current && clearTimeout(s.current), s.current = setTimeout(() => {
+        v((c) => (c === n && (r(!1), d(null)), c)), s.current = null;
+      }, A);
+    },
+    [A]
+  ), M = k(() => {
+    s.current && (clearTimeout(s.current), s.current = null), r(!1), d(null), v(null);
+  }, []), H = F(
+    () => ({
+      isOpen: O,
+      activeInputId: R,
+      activeElement: j,
+      config: P,
+      openKeyboard: q,
+      requestClose: y,
+      forceClose: M
+    }),
+    [
+      O,
+      R,
+      j,
+      P,
+      q,
+      y,
+      M
+    ]
+  );
+  return /* @__PURE__ */ J(G.Provider, { value: H, children: l });
+}
+function $() {
+  const l = U(G);
+  if (!l)
+    throw new Error("useKeyboard must be used within a <KeyboardProvider>");
+  return l;
+}
+export {
+  G as KeyboardContext,
+  _ as KeyboardProvider,
+  $ as useKeyboard
+};

package/dist/components/keyboard/use-keyboard-field.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+import { KeyboardElement } from './keyboard-context';
+export declare function useKeyboardField(id: string, ref?: RefObject<KeyboardElement | null>, enabled?: boolean): {
+    handleFocus: (e?: React.FocusEvent<KeyboardElement>) => void;
+    handleBlur: () => void;
+    hasProvider: boolean;
+};
+//# sourceMappingURL=use-keyboard-field.d.ts.map

package/dist/components/keyboard/use-keyboard-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-field.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/use-keyboard-field.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE3E,wBAAgB,gBAAgB,CAC9B,EAAE,EAAE,MAAM,EACV,GAAG,CAAC,EAAE,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,EACvC,OAAO,GAAE,OAAe;sBAKjB,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC;;;EAoBzC"}

package/dist/components/keyboard/use-keyboard-field.js

@@ -0,0 +1,23 @@
+"use client";
+import { useContext as l, useCallback as u } from "react";
+import { KeyboardContext as i } from "./keyboard-context.js";
+function y(t, r, e = !1) {
+  const o = l(i), c = u(
+    (n) => {
+      if (!e || !o) return;
+      const s = (n == null ? void 0 : n.currentTarget) ?? (r == null ? void 0 : r.current);
+      s && o.openKeyboard(t, s);
+    },
+    [t, r, e, o]
+  ), a = u(() => {
+    !e || !o || o.requestClose(t);
+  }, [t, e, o]);
+  return {
+    handleFocus: c,
+    handleBlur: a,
+    hasProvider: !!o
+  };
+}
+export {
+  y as useKeyboardField
+};

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

@@ -0,0 +1,21 @@
+import { AnchorHTMLAttributes, ElementType, ReactNode } from 'react';
+import { Color } from '../../shared/variant';
+import { LinkSizeKey, LinkUnderline, LinkVariant } from './link-config';
+export interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "size"> {
+    href?: string;
+    variant?: LinkVariant;
+    color?: Color;
+    size?: LinkSizeKey;
+    underline?: LinkUnderline;
+    isExternal?: boolean;
+    disabled?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    children?: ReactNode;
+    /** Custom link component to use instead of the native <a> tag. */
+    linkComponent?: ElementType;
+    /** Additional props to pass to the custom link component (e.g., { prefetch: true }). */
+    linkProps?: Record<string, unknown>;
+}
+export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/link/Link.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAEhB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AASvB,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,kEAAkE;IAClE,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,IAAI,yGAsLhB,CAAC"}

package/dist/components/link/Link.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsxs as T, jsx as c } from "react/jsx-runtime";
+import { cn as s } from "@asheeui/utils";
+import { forwardRef as q } from "react";
+import { ExternalLinkIcon as H } from "../../icons/ExternalLinkIcon.js";
+import { useAsheeConfig as J } from "../../libs/context.js";
+import { resolveCascade as t, resolveClassKey as n } from "../../utils/resolve-token.js";
+import { FALLBACK_LINK_CONFIG as r } from "./link-config.js";
+import { LINK_VARIANT_CLASS as k, LINK_COLOR_CLASS as M, LINK_SIZE_CLASS as Q, LINK_ICON_SIZE_CLASS as W, LINK_UNDERLINE_CLASS as X } from "./link-styles.js";
+const Y = q(
+  ({
+    href: _,
+    variant: S,
+    color: A,
+    size: I,
+    underline: x,
+    isExternal: h,
+    disabled: o = !1,
+    startIcon: m,
+    endIcon: d,
+    children: K,
+    className: C,
+    style: E,
+    target: y,
+    rel: z,
+    onClick: l,
+    linkComponent: b,
+    linkProps: j,
+    ...O
+  }, P) => {
+    var N;
+    const p = J(), e = (N = p.components) == null ? void 0 : N.link, L = t(
+      I,
+      e == null ? void 0 : e.size,
+      void 0,
+      r.size
+    ), u = t(
+      S,
+      e == null ? void 0 : e.variant,
+      void 0,
+      r.variant
+    ), R = t(
+      A,
+      e == null ? void 0 : e.color,
+      p.defaultColor,
+      r.color
+    ), w = t(
+      x,
+      e == null ? void 0 : e.underline,
+      void 0,
+      r.underline
+    ), i = h ?? (e == null ? void 0 : e.isExternal) ?? r.isExternal, D = u === "muted" ? k.muted : s(
+      n(
+        R,
+        M,
+        r.color
+      ),
+      n(
+        u,
+        k,
+        r.variant
+      )
+    ), F = n(
+      L,
+      Q,
+      r.size
+    ), a = n(
+      L,
+      W,
+      r.size
+    ), U = n(
+      w,
+      X,
+      r.underline
+    ), v = y ?? (i ? "_blank" : void 0), V = z ?? (i || v === "_blank" ? "noopener noreferrer" : void 0), Z = (f) => {
+      if (o) {
+        f.preventDefault();
+        return;
+      }
+      l == null || l(f);
+    }, B = s(
+      "inline-flex items-center transition-colors duration-200 outline-none select-none shrink-0",
+      "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-xs",
+      F,
+      D,
+      U,
+      o && "opacity-50 pointer-events-none cursor-not-allowed",
+      e == null ? void 0 : e.className,
+      C
+    ), G = {
+      ...{
+        href: o ? void 0 : _,
+        target: v,
+        rel: V,
+        "aria-disabled": o,
+        onClick: Z,
+        className: B,
+        style: E,
+        ref: P,
+        // forward ref to the custom component if it accepts it
+        ...O
+        // any other native anchor attributes
+      },
+      ...j || {}
+    };
+    return /* @__PURE__ */ T(b || "a", { ...G, children: [
+      m && /* @__PURE__ */ c(
+        "span",
+        {
+          className: s(
+            "inline-flex items-center justify-center shrink-0",
+            a
+          ),
+          children: m
+        }
+      ),
+      K,
+      d ? /* @__PURE__ */ c(
+        "span",
+        {
+          className: s(
+            "inline-flex items-center justify-center shrink-0",
+            a
+          ),
+          children: d
+        }
+      ) : i && /* @__PURE__ */ c(
+        H,
+        {
+          className: s("inline-block shrink-0", a)
+        }
+      )
+    ] });
+  }
+);
+Y.displayName = "Link";
+export {
+  Y as Link
+};

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

@@ -0,0 +1,3 @@
+export * from './Link';
+export * from './link-config';
+//# 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.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/dist/components/link/index.js

@@ -0,0 +1,3 @@
+export * from "./Link.js";
+export * from "./link-config.js";
+export * from "./link-styles.js";

package/dist/components/link/link-config.d.ts

@@ -0,0 +1,27 @@
+import { Size } from '../../shared/size';
+import { Color } from '../../shared/variant';
+export type LinkSizeKey = Size;
+export type LinkVariant = "default" | "muted" | "subtle";
+export type LinkUnderline = "always" | "hover" | "never";
+export interface LinkConfig {
+    variant?: LinkVariant;
+    color?: Color;
+    size?: LinkSizeKey;
+    underline?: LinkUnderline;
+    isExternal?: boolean;
+    className?: string;
+}
+export declare const defaultLinkConfig: LinkConfig;
+export declare const FALLBACK_LINK_CONFIG: {
+    readonly size: "md";
+    readonly variant: "default";
+    readonly color: "primary";
+    readonly underline: "hover";
+    readonly isExternal: false;
+};
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        link: LinkConfig;
+    }
+}
+//# sourceMappingURL=link-config.d.ts.map

package/dist/components/link/link-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-config.d.ts","sourceRoot":"","sources":["../../../src/components/link/link-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC;AAC/B,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,UAI/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;CAMvB,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF"}

package/dist/components/link/link-config.js

@@ -0,0 +1,18 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+const n = {
+  size: "md",
+  underline: "hover",
+  isExternal: !1
+}, i = {
+  size: "md",
+  variant: "default",
+  color: "primary",
+  underline: "hover",
+  isExternal: !1
+};
+e("link", n);
+export {
+  i as FALLBACK_LINK_CONFIG,
+  n as defaultLinkConfig
+};

package/dist/components/link/link-styles.d.ts

@@ -0,0 +1,8 @@
+import { Color } from '../../shared/variant';
+import { LinkSizeKey, LinkUnderline, LinkVariant } from './link-config';
+export declare const LINK_SIZE_CLASS: Record<LinkSizeKey, string>;
+export declare const LINK_ICON_SIZE_CLASS: Record<LinkSizeKey, string>;
+export declare const LINK_COLOR_CLASS: Record<Color | string, string>;
+export declare const LINK_VARIANT_CLASS: Record<LinkVariant, string>;
+export declare const LINK_UNDERLINE_CLASS: Record<LinkUnderline, string>;
+//# sourceMappingURL=link-styles.d.ts.map

package/dist/components/link/link-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-styles.d.ts","sourceRoot":"","sources":["../../../src/components/link/link-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE7E,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE,MAAM,CAQ3D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAI1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI9D,CAAC"}