@cfx-dev/ui-components 0.0.17 → 0.0.19

package/dist/components/Button/LinkButton.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { ButtonSize, ButtonTheme } from './Button';
+
+export interface LinkButtonProps {
+    to: string;
+    text?: React.ReactNode;
+    title?: string;
+    icon?: React.ReactNode;
+    theme?: ButtonTheme;
+    size?: ButtonSize;
+    disabled?: boolean;
+    onClick?(): void;
+    tabIndex?: number;
+    className?: string;
+    target?: string;
+    Component?: React.ElementType;
+    decorator?: React.ReactNode;
+}
+export declare const LinkButton: React.ForwardRefExoticComponent<LinkButtonProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/Button/LinkButton.js

@@ -0,0 +1,48 @@
+import { jsxs as R, jsx as a } from "react/jsx-runtime";
+import l from "react";
+import { clsx as j } from "../../utils/clsx.js";
+import { n as B } from "../../functional-C0pE183N.js";
+import { i as E } from "../../links-CgOD-Vfj.js";
+import { s as o } from "../../Button.module-Z6njvP9Z.js";
+const P = l.forwardRef(function(i, c) {
+  const {
+    to: e,
+    text: n = null,
+    icon: t = null,
+    title: m = "",
+    className: d = "",
+    theme: f = "default",
+    size: p = "normal",
+    disabled: u = !1,
+    tabIndex: x,
+    target: k = "",
+    onClick: C = B,
+    decorator: s = null,
+    Component: h
+  } = i, N = j(o.root, o[f], o[p], d, {
+    [o.disabled]: u,
+    [o.icon]: !!t && !n,
+    [o.text]: !!n
+  }), r = E(e), b = r ? "a" : h || "a", L = l.useMemo(() => r ? { href: e } : { to: e }, [e, r]);
+  return /* @__PURE__ */ R(
+    b,
+    {
+      ref: c,
+      className: N,
+      tabIndex: x,
+      title: m,
+      target: k,
+      rel: "noopener noreferrer",
+      onClickCapture: C,
+      ...L,
+      children: [
+        !!t && /* @__PURE__ */ a("span", { className: o["icon-node"], children: t }),
+        n,
+        !!s && /* @__PURE__ */ a("div", { className: o.decorator, children: s })
+      ]
+    }
+  );
+});
+export {
+  P as LinkButton
+};

package/dist/main.d.ts

@@ -8,6 +8,7 @@ import * as links from './utils/links';
 import * as math from './utils/math';
 import * as outlet from './utils/outlet';
 import * as string from './utils/string';
+export type { ValueOrGetter } from './utils/getValue';
 export declare const utils: {
     clsx: typeof clsx;
     getValue: typeof getValue;
@@ -21,6 +22,7 @@ export declare const utils: {
 };
 export { Checkbox } from './components/Checkbox/Checkbox';
 export { Button } from './components/Button/Button';
+export { LinkButton } from './components/Button/LinkButton';
 export { ButtonBar } from './components/Button/ButtonBar';
 export { Avatar } from './components/Avatar/Avatar';
 export { BackdropPortal } from './components/BackdropPortal/BackdropPortal';

package/dist/main.js

@@ -8,53 +8,54 @@ import f from "./utils/mergeRefs.js";
 import { o as x } from "./outlet-B11a3Kgw.js";
 import { s as a } from "./string-NVxCUbqk.js";
 import { Checkbox as P } from "./components/Checkbox/Checkbox.js";
-import { Button as b } from "./components/Button/Button.js";
-import { ButtonBar as v } from "./components/Button/ButtonBar.js";
-import { Avatar as T } from "./components/Avatar/Avatar.js";
-import { BackdropPortal as R } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as L } from "./components/Badge/Badge.js";
-import { ControlBox as V } from "./components/ControlBox/ControlBox.js";
-import { CountryFlag as A } from "./components/CountryFlag/CountryFlag.js";
-import { Decorate as N } from "./components/Decorate/Decorate.js";
-import { Dot as q } from "./components/Dot/Dot.js";
-import { Flyout as E } from "./components/Flyout/Flyout.js";
-import { Icon as H } from "./components/Icon/Icon.js";
-import { Indicator as K } from "./components/Indicator/Indicator.js";
-import { InfoPanel as U } from "./components/InfoPanel/InfoPanel.js";
-import { Input as X } from "./components/Input/Input.js";
-import { RichInput as Z } from "./components/Input/RichInput.js";
-import { Interactive as $ } from "./components/Interactive/Interactive.js";
-import { Island as ro } from "./components/Island/Island.js";
-import { Box as eo } from "./components/Layout/Box/Box.js";
-import { Center as po } from "./components/Layout/Center/Center.js";
-import { Flex as xo } from "./components/Layout/Flex/Flex.js";
-import { FlexRestricter as lo } from "./components/Layout/Flex/FlexRestricter.js";
-import { Pad as io } from "./components/Layout/Pad/Pad.js";
-import { Page as co } from "./components/Layout/Page/Page.js";
-import { Scrollable as So } from "./components/Layout/Scrollable/Scrollable.js";
-import { VirtualScrollable as Io } from "./components/Layout/Scrollable/VirtualScrollable.js";
-import { Loaf as ho } from "./components/Loaf/Loaf.js";
-import { Modal as yo } from "./components/Modal/Modal.js";
-import { NavList as ko } from "./components/NavList/NavList.js";
-import { Overlay as Co } from "./components/Overlay/Overlay.js";
-import { Popover as Fo } from "./components/Popover/Popover.js";
-import { PremiumBadge as Do } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as Oo } from "./components/Prose/Prose.js";
-import { Radio as wo } from "./components/Radio/Radio.js";
-import { Select as Mo } from "./components/Select/Select.js";
-import { Separator as jo } from "./components/Separator/Separator.js";
-import { Shroud as zo } from "./components/Shroud/Shroud.js";
-import { Spacer as Go } from "./components/Spacer/Spacer.js";
-import { Style as Jo, useContextualStyle as Ko } from "./components/Style/Style.js";
-import { Switch as Uo } from "./components/Switch/Switch.js";
-import { Tabular as Xo } from "./components/Tabular/Tabular.js";
-import { Text as Zo, TextBlock as _o } from "./components/Text/Text.js";
-import { Textarea as or } from "./components/Textarea/Textarea.js";
-import { Title as tr } from "./components/Title/Title.js";
-import { B as mr, I as pr } from "./Icons-B26SczGZ.js";
-import { OnScreenSensor as xr } from "./components/OnScreenSensor.js";
-import { ui as lr } from "./components/ui.js";
-import { Symbols as ir } from "./components/Symbols.js";
+import { Button as y } from "./components/Button/Button.js";
+import { LinkButton as v } from "./components/Button/LinkButton.js";
+import { ButtonBar as T } from "./components/Button/ButtonBar.js";
+import { Avatar as R } from "./components/Avatar/Avatar.js";
+import { BackdropPortal as D } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as V } from "./components/Badge/Badge.js";
+import { ControlBox as A } from "./components/ControlBox/ControlBox.js";
+import { CountryFlag as N } from "./components/CountryFlag/CountryFlag.js";
+import { Decorate as q } from "./components/Decorate/Decorate.js";
+import { Dot as E } from "./components/Dot/Dot.js";
+import { Flyout as H } from "./components/Flyout/Flyout.js";
+import { Icon as K } from "./components/Icon/Icon.js";
+import { Indicator as U } from "./components/Indicator/Indicator.js";
+import { InfoPanel as X } from "./components/InfoPanel/InfoPanel.js";
+import { Input as Z } from "./components/Input/Input.js";
+import { RichInput as $ } from "./components/Input/RichInput.js";
+import { Interactive as ro } from "./components/Interactive/Interactive.js";
+import { Island as eo } from "./components/Island/Island.js";
+import { Box as po } from "./components/Layout/Box/Box.js";
+import { Center as xo } from "./components/Layout/Center/Center.js";
+import { Flex as lo } from "./components/Layout/Flex/Flex.js";
+import { FlexRestricter as io } from "./components/Layout/Flex/FlexRestricter.js";
+import { Pad as co } from "./components/Layout/Pad/Pad.js";
+import { Page as Bo } from "./components/Layout/Page/Page.js";
+import { Scrollable as Io } from "./components/Layout/Scrollable/Scrollable.js";
+import { VirtualScrollable as ho } from "./components/Layout/Scrollable/VirtualScrollable.js";
+import { Loaf as ko } from "./components/Loaf/Loaf.js";
+import { Modal as bo } from "./components/Modal/Modal.js";
+import { NavList as Co } from "./components/NavList/NavList.js";
+import { Overlay as Fo } from "./components/Overlay/Overlay.js";
+import { Popover as Lo } from "./components/Popover/Popover.js";
+import { PremiumBadge as Oo } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as wo } from "./components/Prose/Prose.js";
+import { Radio as Mo } from "./components/Radio/Radio.js";
+import { Select as jo } from "./components/Select/Select.js";
+import { Separator as zo } from "./components/Separator/Separator.js";
+import { Shroud as Go } from "./components/Shroud/Shroud.js";
+import { Spacer as Jo } from "./components/Spacer/Spacer.js";
+import { Style as Qo, useContextualStyle as Uo } from "./components/Style/Style.js";
+import { Switch as Xo } from "./components/Switch/Switch.js";
+import { Tabular as Zo } from "./components/Tabular/Tabular.js";
+import { Text as $o, TextBlock as or } from "./components/Text/Text.js";
+import { Textarea as tr } from "./components/Textarea/Textarea.js";
+import { Title as mr } from "./components/Title/Title.js";
+import { B as fr, I as xr } from "./Icons-B26SczGZ.js";
+import { OnScreenSensor as lr } from "./components/OnScreenSensor.js";
+import { ui as ir } from "./components/ui.js";
+import { Symbols as cr } from "./components/Symbols.js";
 const I = {
   clsx: o,
   getValue: t,
@@ -67,56 +68,57 @@ const I = {
   string: a
 };
 export {
-  T as Avatar,
-  R as BackdropPortal,
-  L as Badge,
-  eo as Box,
-  mr as BrandIcon,
-  b as Button,
-  v as ButtonBar,
-  po as Center,
+  R as Avatar,
+  D as BackdropPortal,
+  V as Badge,
+  po as Box,
+  fr as BrandIcon,
+  y as Button,
+  T as ButtonBar,
+  xo as Center,
   P as Checkbox,
-  V as ControlBox,
-  A as CountryFlag,
-  N as Decorate,
-  q as Dot,
-  xo as Flex,
-  lo as FlexRestricter,
-  E as Flyout,
-  H as Icon,
-  pr as Icons,
-  K as Indicator,
-  U as InfoPanel,
-  X as Input,
-  $ as Interactive,
-  ro as Island,
-  ho as Loaf,
-  yo as Modal,
-  ko as NavList,
-  xr as OnScreenSensor,
-  Co as Overlay,
-  io as Pad,
-  co as Page,
-  Fo as Popover,
-  Do as PremiumBadge,
-  Oo as Prose,
-  wo as Radio,
-  Z as RichInput,
-  So as Scrollable,
-  Mo as Select,
-  jo as Separator,
-  zo as Shroud,
-  Go as Spacer,
-  Jo as Style,
-  Uo as Switch,
-  ir as Symbols,
-  Xo as Tabular,
-  Zo as Text,
-  _o as TextBlock,
-  or as Textarea,
-  tr as Title,
-  Io as VirtualScrollable,
-  lr as ui,
-  Ko as useContextualStyle,
+  A as ControlBox,
+  N as CountryFlag,
+  q as Decorate,
+  E as Dot,
+  lo as Flex,
+  io as FlexRestricter,
+  H as Flyout,
+  K as Icon,
+  xr as Icons,
+  U as Indicator,
+  X as InfoPanel,
+  Z as Input,
+  ro as Interactive,
+  eo as Island,
+  v as LinkButton,
+  ko as Loaf,
+  bo as Modal,
+  Co as NavList,
+  lr as OnScreenSensor,
+  Fo as Overlay,
+  co as Pad,
+  Bo as Page,
+  Lo as Popover,
+  Oo as PremiumBadge,
+  wo as Prose,
+  Mo as Radio,
+  $ as RichInput,
+  Io as Scrollable,
+  jo as Select,
+  zo as Separator,
+  Go as Shroud,
+  Jo as Spacer,
+  Qo as Style,
+  Xo as Switch,
+  cr as Symbols,
+  Zo as Tabular,
+  $o as Text,
+  or as TextBlock,
+  tr as Textarea,
+  mr as Title,
+  ho as VirtualScrollable,
+  ir as ui,
+  Uo as useContextualStyle,
   I as utils
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "0.0.17",
+  "version": "0.0.19",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",