@cfx-dev/ui-components 1.0.0 → 2.0.1

package/dist/main.js

@@ -1,152 +1,170 @@
-import { mergeRefs as e } from "./utils/mergeRefs.js";
-import { clsx as p } from "./utils/clsx.js";
+import { mergeRefs as t } from "./utils/mergeRefs.js";
+import { clsx as f } from "./utils/clsx.js";
 import { getValue as m } from "./utils/getValue.js";
-import { useDynamicRef as a, useGlobalKeyboardEvent as l, useInstance as n, useKeyboardClose as i, useOutlet as s, useWindowResize as u } from "./utils/hooks.js";
-import { identity as d, invoke as T, noop as I, returnFalse as L, returnTrue as S } from "./utils/functional.js";
-import { Linkify as B, defaultLinkReplacer as k, defaultLinkReplacerx as R, isExternalUrl as b, linkify as O, linkifyx as g, matchLinkNodes as h, matchLinks as D } from "./utils/links.js";
-import { clamp as E, clamp01 as P } from "./utils/math.js";
-import { isFalseString as v, isTrueString as F, normalizeSlashes as U, replaceRange as A, splitByIndices as z, unicodeCharAt as K } from "./utils/string.js";
-import { debounce as w, throttle as N } from "./utils/execution.js";
-import { Checkbox as G } from "./components/Checkbox/Checkbox.js";
-import { Button as W } from "./components/Button/Button.js";
-import { LinkButton as q } from "./components/Button/LinkButton.js";
-import { ButtonBar as J } from "./components/Button/ButtonBar.js";
-import { Avatar as X } from "./components/Avatar/Avatar.js";
-import { BACKDROP_OUTLET_ID as $, BackdropPortal as oo } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as eo } from "./components/Badge/Badge.js";
-import { ControlBox as po } from "./components/ControlBox/ControlBox.js";
-import { CountryFlag as mo } from "./components/CountryFlag/CountryFlag.js";
-import { Decorate as ao } from "./components/Decorate/Decorate.js";
-import { Dot as no } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as so, Flyout as uo } from "./components/Flyout/Flyout.js";
-import { Icon as To } from "./components/Icon/Icon.js";
-import { Indicator as Lo } from "./components/Indicator/Indicator.js";
-import { InfoPanel as yo } from "./components/InfoPanel/InfoPanel.js";
-import { Input as ko } from "./components/Input/Input.js";
-import { RichInput as bo } from "./components/Input/RichInput.js";
-import { Interactive as go } from "./components/Interactive/Interactive.js";
-import { Island as Do } from "./components/Island/Island.js";
-import { Box as Eo } from "./components/Layout/Box/Box.js";
-import { Center as _o } from "./components/Layout/Center/Center.js";
-import { Flex as Fo } from "./components/Layout/Flex/Flex.js";
-import { FlexRestricter as Ao } from "./components/Layout/Flex/FlexRestricter.js";
-import { Pad as Ko } from "./components/Layout/Pad/Pad.js";
-import { Page as wo } from "./components/Layout/Page/Page.js";
-import { Scrollable as Yo } from "./components/Layout/Scrollable/Scrollable.js";
-import { VirtualScrollable as Mo } from "./components/Layout/Scrollable/VirtualScrollable.js";
-import { Loaf as jo } from "./components/Loaf/Loaf.js";
-import { Modal as Ho } from "./components/Modal/Modal.js";
-import { NavList as Qo } from "./components/NavList/NavList.js";
-import { OVERLAY_OUTLET_ID as Zo, Overlay as $o } from "./components/Overlay/Overlay.js";
-import { Popover as rr } from "./components/Popover/Popover.js";
-import { PremiumBadge as tr } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as xr } from "./components/Prose/Prose.js";
-import { Radio as fr } from "./components/Radio/Radio.js";
-import { Select as lr } from "./components/Select/Select.js";
-import { Separator as ir } from "./components/Separator/Separator.js";
-import { Shroud as ur } from "./components/Shroud/Shroud.js";
-import { Spacer as dr } from "./components/Spacer/Spacer.js";
-import { Style as Ir, useContextualStyle as Lr } from "./components/Style/Style.js";
-import { Switch as yr } from "./components/Switch/Switch.js";
-import { Tabular as kr } from "./components/Tabular/Tabular.js";
-import { Table as br } from "./components/Table/Table.js";
-import { Text as gr, TextBlock as hr } from "./components/Text/Text.js";
-import { Textarea as Cr } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as Pr, Title as _r } from "./components/Title/Title.js";
-import { InputDropzone as Fr } from "./components/InputDropzone/InputDropzone.js";
-import { B as Ar, I as zr } from "./Icons-BlBKvJD8.js";
-import { OnScreenSensor as Vr } from "./components/OnScreenSensor.js";
-import { ui as Nr } from "./components/ui.js";
-import { Symbols as Gr } from "./components/Symbols.js";
+import { usePopoverController as l } from "./utils/hooks/usePopoverController.js";
+import { useInstance as i } from "./utils/hooks/useInstance.js";
+import { useDynamicRef as u } from "./utils/hooks/useDynamicRef.js";
+import { useGlobalKeyboardEvent as d } from "./utils/hooks/useGlobalKeyboardEvent.js";
+import { useKeyboardClose as I } from "./utils/hooks/useKeyboardClose.js";
+import { useWindowResize as g } from "./utils/hooks/useWindowResize.js";
+import { useOutlet as S } from "./utils/hooks/useOutlet.js";
+import { identity as R, invoke as k, noop as O, returnFalse as b, returnTrue as h } from "./utils/functional.js";
+import { Linkify as D, defaultLinkReplacer as P, defaultLinkReplacerx as v, isExternalUrl as E, linkify as _, linkifyx as F, matchLinkNodes as U, matchLinks as A } from "./utils/links.js";
+import { clamp as K, clamp01 as V } from "./utils/math.js";
+import { isFalseString as G, isTrueString as N, normalizeSlashes as Y, replaceRange as M, splitByIndices as W, unicodeCharAt as j } from "./utils/string.js";
+import { debounce as H, throttle as J } from "./utils/execution.js";
+import { default as X } from "./components/Checkbox/Checkbox.js";
+import { Button as $ } from "./components/Button/Button.js";
+import { LinkButton as ro } from "./components/Button/LinkButton.js";
+import { ButtonBar as to } from "./components/Button/ButtonBar.js";
+import { Avatar as fo } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as mo, BackdropPortal as ao } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as no } from "./components/Badge/Badge.js";
+import { ControlBox as so } from "./components/ControlBox/ControlBox.js";
+import { CountryFlag as co } from "./components/CountryFlag/CountryFlag.js";
+import { Decorate as Io } from "./components/Decorate/Decorate.js";
+import { Dot as go } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as So, Flyout as Bo } from "./components/Flyout/Flyout.js";
+import { Logos as ko } from "./components/Logos/index.js";
+import { I as bo } from "./cfxIcons-BlbKR-zU.js";
+import { I as Co } from "./cfxIconsBig-CNY8zL27.js";
+import { Icon as Po } from "./components/Icon/Icon.js";
+import { IconBig as Eo } from "./components/IconBig/IconBig.js";
+import { Indicator as Fo } from "./components/Indicator/Indicator.js";
+import { default as Ao } from "./components/InfoPanel/InfoPanel.js";
+import { default as Ko } from "./components/Input/Input.js";
+import { default as wo } from "./components/Input/RichInput.js";
+import { Interactive as No } from "./components/Interactive/Interactive.js";
+import { Island as Mo } from "./components/Island/Island.js";
+import { Box as jo } from "./components/Layout/Box/Box.js";
+import { Center as Ho } from "./components/Layout/Center/Center.js";
+import { Flex as Qo } from "./components/Layout/Flex/Flex.js";
+import { FlexRestricter as Zo } from "./components/Layout/Flex/FlexRestricter.js";
+import { Pad as or } from "./components/Layout/Pad/Pad.js";
+import { Page as er } from "./components/Layout/Page/Page.js";
+import { R as pr } from "./Rail-rtPENZs2.js";
+import { Scrollable as xr } from "./components/Layout/Scrollable/Scrollable.js";
+import { VirtualScrollable as ar } from "./components/Layout/Scrollable/VirtualScrollable.js";
+import { Loaf as nr } from "./components/Loaf/Loaf.js";
+import { Modal as sr } from "./components/Modal/Modal.js";
+import { NavList as cr } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as Tr, Overlay as Ir } from "./components/Overlay/Overlay.js";
+import { Popover as gr } from "./components/Popover/Popover.js";
+import { PremiumBadge as Sr } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as Rr } from "./components/Prose/Prose.js";
+import { Radio as Or } from "./components/Radio/Radio.js";
+import { Select as hr } from "./components/Select/Select.js";
+import { Separator as Dr } from "./components/Separator/Separator.js";
+import { Shroud as vr } from "./components/Shroud/Shroud.js";
+import { Spacer as _r } from "./components/Spacer/Spacer.js";
+import { Style as Ur, useContextualStyle as Ar } from "./components/Style/Style.js";
+import { default as Kr } from "./components/Switch/Switch.js";
+import { ToggleGroup as wr } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as Nr } from "./components/Tabular/Tabular.js";
+import { Table as Mr } from "./components/Table/Table.js";
+import { Text as jr, TextBlock as qr, getTextOpacity as Hr } from "./components/Text/Text.js";
+import { Textarea as Qr } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as Zr, Title as $r } from "./components/Title/Title.js";
+import { default as re } from "./components/InputDropzone/InputDropzone.js";
+import "./components/InputDropzone/ItemPreview.js";
+import { OnScreenSensor as te } from "./components/OnScreenSensor.js";
+import { ui as fe } from "./components/ui.js";
+import { Symbols as me } from "./components/Symbols.js";
 export {
-  X as Avatar,
-  $ as BACKDROP_OUTLET_ID,
-  oo as BackdropPortal,
-  eo as Badge,
-  Eo as Box,
-  Ar as BrandIcon,
-  W as Button,
-  J as ButtonBar,
-  _o as Center,
-  G as Checkbox,
-  po as ControlBox,
-  mo as CountryFlag,
-  ao as Decorate,
-  no as Dot,
-  so as FLYOUT_OUTLET_ID,
-  Fo as Flex,
-  Ao as FlexRestricter,
-  uo as Flyout,
-  To as Icon,
-  zr as Icons,
-  Lo as Indicator,
-  yo as InfoPanel,
-  ko as Input,
-  Fr as InputDropzone,
-  go as Interactive,
-  Do as Island,
-  q as LinkButton,
-  B as Linkify,
-  jo as Loaf,
-  Ho as Modal,
-  Qo as NavList,
-  Zo as OVERLAY_OUTLET_ID,
-  Vr as OnScreenSensor,
-  $o as Overlay,
-  Ko as Pad,
-  wo as Page,
-  rr as Popover,
-  tr as PremiumBadge,
-  xr as Prose,
-  fr as Radio,
-  bo as RichInput,
-  Yo as Scrollable,
-  lr as Select,
-  ir as Separator,
-  ur as Shroud,
-  dr as Spacer,
-  Ir as Style,
-  yr as Switch,
-  Gr as Symbols,
-  Pr as TITLE_OUTLET_ID,
-  br as Table,
-  kr as Tabular,
-  gr as Text,
-  hr as TextBlock,
-  Cr as Textarea,
-  _r as Title,
-  Mo as VirtualScrollable,
-  E as clamp,
-  P as clamp01,
-  p as clsx,
-  w as debounce,
-  k as defaultLinkReplacer,
-  R as defaultLinkReplacerx,
+  fo as Avatar,
+  mo as BACKDROP_OUTLET_ID,
+  ao as BackdropPortal,
+  no as Badge,
+  jo as Box,
+  $ as Button,
+  to as ButtonBar,
+  Ho as Center,
+  X as Checkbox,
+  so as ControlBox,
+  co as CountryFlag,
+  Io as Decorate,
+  go as Dot,
+  So as FLYOUT_OUTLET_ID,
+  Qo as Flex,
+  Zo as FlexRestricter,
+  Bo as Flyout,
+  Po as Icon,
+  Eo as IconBig,
+  bo as Icons,
+  Co as IconsBig,
+  Fo as Indicator,
+  Ao as InfoPanel,
+  Ko as Input,
+  re as InputDropzone,
+  No as Interactive,
+  Mo as Island,
+  ro as LinkButton,
+  D as Linkify,
+  nr as Loaf,
+  ko as Logos,
+  sr as Modal,
+  cr as NavList,
+  Tr as OVERLAY_OUTLET_ID,
+  te as OnScreenSensor,
+  Ir as Overlay,
+  or as Pad,
+  er as Page,
+  gr as Popover,
+  Sr as PremiumBadge,
+  Rr as Prose,
+  Or as Radio,
+  pr as Rail,
+  wo as RichInput,
+  xr as Scrollable,
+  hr as Select,
+  Dr as Separator,
+  vr as Shroud,
+  _r as Spacer,
+  Ur as Style,
+  Kr as Switch,
+  me as Symbols,
+  Zr as TITLE_OUTLET_ID,
+  Mr as Table,
+  Nr as Tabular,
+  jr as Text,
+  qr as TextBlock,
+  Qr as Textarea,
+  $r as Title,
+  wr as ToggleGroup,
+  ar as VirtualScrollable,
+  K as clamp,
+  V as clamp01,
+  f as clsx,
+  H as debounce,
+  P as defaultLinkReplacer,
+  v as defaultLinkReplacerx,
+  Hr as getTextOpacity,
   m as getValue,
-  d as identity,
-  T as invoke,
-  b as isExternalUrl,
-  v as isFalseString,
-  F as isTrueString,
-  O as linkify,
-  g as linkifyx,
-  h as matchLinkNodes,
-  D as matchLinks,
-  e as mergeRefs,
-  I as noop,
-  U as normalizeSlashes,
-  A as replaceRange,
-  L as returnFalse,
-  S as returnTrue,
-  z as splitByIndices,
-  N as throttle,
-  Nr as ui,
-  K as unicodeCharAt,
-  Lr as useContextualStyle,
-  a as useDynamicRef,
-  l as useGlobalKeyboardEvent,
-  n as useInstance,
-  i as useKeyboardClose,
-  s as useOutlet,
-  u as useWindowResize
+  R as identity,
+  k as invoke,
+  E as isExternalUrl,
+  G as isFalseString,
+  N as isTrueString,
+  _ as linkify,
+  F as linkifyx,
+  U as matchLinkNodes,
+  A as matchLinks,
+  t as mergeRefs,
+  O as noop,
+  Y as normalizeSlashes,
+  M as replaceRange,
+  b as returnFalse,
+  h as returnTrue,
+  W as splitByIndices,
+  J as throttle,
+  fe as ui,
+  j as unicodeCharAt,
+  Ar as useContextualStyle,
+  u as useDynamicRef,
+  d as useGlobalKeyboardEvent,
+  i as useInstance,
+  I as useKeyboardClose,
+  S as useOutlet,
+  l as usePopoverController,
+  g as useWindowResize
 };

package/dist/style-guide/Colors/ColorShowcase.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export declare const COLOR_ITEMS: {
+    color: string;
+    alpha: string;
+    luminance: string;
+    value: string;
+}[];
+export declare const COLOR_NAMES: string[];
+export declare const COLOR_ALPHAS: string[];
+export declare const COLOR_LUMINANCES: string[];
+export declare const THEME_NAMES: string[];
+interface Props {
+    color: string;
+    theme?: string;
+    alpha?: string;
+    luminance?: string | number;
+}
+declare function ColorShowcase(props: Props): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ColorShowcase>;
+export default _default;