welcome-ui 7.0.0-alpha.9 → 7.0.1-alpha.0

package/dist/types/components/Field/index.d.ts

@@ -18,9 +18,9 @@ export type FieldProps = CreateWuiProps<'div', FieldOptions>;
 export declare const Field: import('../System').CreateWuiComponent<"div", FieldProps>;
 export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     iconPlacement: "left" | "right";
-    size?: import('../../utils/field-styles').FieldIconSize;
+    size?: import('../../utils').DefaultFieldIconSize;
 }, never>;
 export declare const IconGroupWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
-    size: import('../../utils/field-styles').FieldIconSize;
+    size: import('../../utils').DefaultFieldIconSize;
 }, never>;
 export { getBaseType };

package/dist/types/components/Field/styles.d.ts

@@ -1,4 +1,4 @@
-import { FieldIconSize } from '../../utils/field-styles';
+import { DefaultFieldIconSize } from '../../utils/field-styles';
 import { WuiProps } from '../System';
 type StyledFieldProps = {
     checked?: boolean;
@@ -12,10 +12,10 @@ export declare const Label: import('styled-components').StyledComponent<string,
 export declare const LabelWithHint: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
 type IconWrapperProps = {
     iconPlacement: 'left' | 'right';
-    size?: FieldIconSize;
+    size?: DefaultFieldIconSize;
 };
 export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & IconWrapperProps, never>;
 export declare const IconGroupWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
-    size: FieldIconSize;
+    size: DefaultFieldIconSize;
 }, never>;
 export {};

package/dist/types/components/Select/styles.d.ts

@@ -1,8 +1,8 @@
-import { Size } from '../../utils/field-styles';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
 import { SelectOptions } from './index';
 export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     iconPlacement: "left" | "right";
-    size?: import('../../utils/field-styles').FieldIconSize;
+    size?: import('../../utils/field-styles').DefaultFieldIconSize;
 }, never>;
 export declare const Wrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
     disabled: boolean;
@@ -24,7 +24,7 @@ export declare const Item: import('styled-components').StyledComponent<string, i
     isSelected: boolean;
 }, never>;
 export declare const Indicators: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
-    size: Size;
+    size: DefaultFieldStylesProps["size"];
 }, never>;
 export declare const DropDownIndicator: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
     isOpen?: boolean;

package/dist/types/components/Toast/index.d.ts

@@ -1,5 +1,7 @@
 import { default as React } from 'react';
 import { ToastPosition } from 'react-hot-toast/headless';
+import { GrowlProps } from './Growl';
+import { SnackbarProps } from './Snackbar';
 import { TextProps } from '../Text';
 type NotificationsProps = {
     pauseOnHover?: boolean;
@@ -14,14 +16,10 @@ export declare const Notifications: React.FC<NotificationsProps>;
 export declare const toast: (component: JSX.Element, options?: ToastOptions) => string;
 export declare const remove: (id?: string) => void;
 export declare const dismiss: (id?: string) => void;
-/**
- * @deprecated use directly `toast` function instead
- */
-export declare const useToast: () => (component: JSX.Element, options?: ToastOptions) => string;
 export declare const Toast: {
     Title: React.FC<TextProps>;
-    Growl: import('../System').CreateWuiComponent<"div", import('./Growl').GrowlProps>;
-    Snackbar: import('../System').CreateWuiComponent<"div", import('./Snackbar').SnackbarProps>;
+    Growl: import('../System').CreateWuiComponent<"div", GrowlProps>;
+    Snackbar: import('../System').CreateWuiComponent<"div", SnackbarProps>;
     SnackbarAction: import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>;
 };
-export {};
+export type { GrowlProps, SnackbarProps };

package/dist/types/theme/defaultFields.d.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { Size } from '../utils/field-styles';
+import { DefaultFieldStylesProps } from '../utils/field-styles';
 import { ThemeValues } from '.';
 type VariantsTheme = {
     danger: CSSObject;
@@ -22,7 +22,7 @@ export type ThemeDefaultFields = {
         default: CSSObject;
     };
     hover: CSSObject;
-    iconPlacement: Record<Size, CSSObject>;
+    iconPlacement: Record<DefaultFieldStylesProps['size'], CSSObject>;
     placeholder: CSSObject;
     select: {
         default: CSSObject;
@@ -32,7 +32,7 @@ export type ThemeDefaultFields = {
         selected: CSSObject;
         selectedAndHighlighted: CSSObject;
     };
-    sizes: Record<Size, CSSObject>;
+    sizes: Record<DefaultFieldStylesProps['size'], CSSObject>;
     variants: VariantsTheme;
 };
 export declare const getDefaultFields: (theme: ThemeValues) => ThemeDefaultFields;

package/dist/types/utils/field-styles.d.ts

@@ -1,13 +1,9 @@
 import { css } from '@xstyled/styled-components';
-type FieldIconSizes = {
-    lg: 'sm';
-    md: 'sm';
-    sm: 'sm';
-    xs: 'xs';
-};
-export declare const FIELD_ICON_SIZE: FieldIconSizes;
+export type DefaultFieldIconSize = 'sm' | 'xs';
 export type Size = 'xs' | 'sm' | 'md' | 'lg';
-export type FieldIconSize = 'xs' | 'sm';
+export declare const FIELD_ICON_SIZE: {
+    [key in Size]: DefaultFieldIconSize;
+};
 export type DefaultFieldStylesProps = Partial<{
     hasIcon?: boolean;
     iconPlacement?: 'right' | 'left' | 'both';

package/dist/types/utils/index.d.ts

@@ -1,4 +1,8 @@
-export * from './use-copy-text';
-export * from './throttle';
-export * from './hex-to-rgba';
 export * from './format-bytes';
+export * from './hex-to-rgba';
+export * from './field-styles';
+export * from './overflow-ellipsis';
+export * from './throttle';
+export * from './use-copy-text';
+export * from './use-fork-ref';
+export * from './use-isomorphic-layout-effect';

package/dist/use-fork-ref-Bjf1e56Z.js

@@ -0,0 +1 @@
+"use client";"use strict";const s=require("react");function t(u,e){typeof u=="function"?u(e):u&&(u.current=e)}function i(u,e){return s.useMemo(()=>u==null&&e==null?null:n=>{t(u,n),t(e,n)},[u,e])}exports.setRef=t;exports.useForkRef=i;

package/dist/use-fork-ref-CUZErtAC.mjs

@@ -0,0 +1,14 @@
+"use client";
+import { useMemo as e } from "react";
+function o(u, n) {
+  typeof u == "function" ? u(n) : u && (u.current = n);
+}
+function l(u, n) {
+  return e(() => u == null && n == null ? null : (t) => {
+    o(u, t), o(n, t);
+  }, [u, n]);
+}
+export {
+  o as s,
+  l as u
+};

package/dist/utils.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),m=require("./_commonjsHelpers-DvH0V_XJ.js"),y=require("./throttle-BB1Y3bfD.js"),g=require("./hex-to-rgba-cCYXRc5D.js"),b=require("./format-bytes-drUpnBnQ.js");var v=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],o=0;o<e.rangeCount;o++)r.push(e.getRangeAt(o));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||r.forEach(function(s){e.addRange(s)}),t&&t.focus()}},C=v,d={"text/plain":"Text","text/html":"Url",default:"Text"},w="Copy to clipboard: #{key}, Enter";function D(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function x(e,t){var r,o,s,n,l,a,i=!1;t||(t={}),r=t.debug||!1;try{s=C(),n=document.createRange(),l=document.getSelection(),a=document.createElement("span"),a.textContent=e,a.ariaHidden="true",a.style.all="unset",a.style.position="fixed",a.style.top=0,a.style.clip="rect(0, 0, 0, 0)",a.style.whiteSpace="pre",a.style.webkitUserSelect="text",a.style.MozUserSelect="text",a.style.msUserSelect="text",a.style.userSelect="text",a.addEventListener("copy",function(c){if(c.stopPropagation(),t.format)if(c.preventDefault(),typeof c.clipboardData>"u"){r&&console.warn("unable to use e.clipboardData"),r&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var u=d[t.format]||d.default;window.clipboardData.setData(u,e)}else c.clipboardData.clearData(),c.clipboardData.setData(t.format,e);t.onCopy&&(c.preventDefault(),t.onCopy(c.clipboardData))}),document.body.appendChild(a),n.selectNodeContents(a),l.addRange(n);var p=document.execCommand("copy");if(!p)throw new Error("copy command was unsuccessful");i=!0}catch(c){r&&console.error("unable to copy using execCommand: ",c),r&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),i=!0}catch(u){r&&console.error("unable to copy using clipboardData: ",u),r&&console.error("falling back to prompt"),o=D("message"in t?t.message:w),window.prompt(o,e)}}finally{l&&(typeof l.removeRange=="function"?l.removeRange(n):l.removeAllRanges()),a&&document.body.removeChild(a),s()}return i}var T=x;const h=m.getDefaultExportFromCjs(T);function E(e,t){const[r,o]=f.useState();return[f.useCallback(()=>{let n;typeof e=="number"||typeof e=="string"?n=e.toString():e.current instanceof HTMLInputElement?n=e.current.value:e.current instanceof HTMLElement&&(n=e.current.textContent);const l=h(n);o(l),t&&setTimeout(o,t)},[e,t]),r]}exports.throttle=y.throttle;exports.hexToRGBA=g.hexToRGBA;exports.formatBytes=b.formatBytes;exports.useCopyText=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./format-bytes-drUpnBnQ.js"),v=require("./hex-to-rgba-cCYXRc5D.js"),p=require("./field-styles-DYEc1l_A.js"),b=require("./overflow-ellipsis-C2ESrF8C.js"),C=require("./throttle-BB1Y3bfD.js"),f=require("react"),E=require("./_commonjsHelpers-DvH0V_XJ.js"),y=require("./use-fork-ref-Bjf1e56Z.js"),w=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js");var D=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,a=[],o=0;o<e.rangeCount;o++)a.push(e.getRangeAt(o));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||a.forEach(function(c){e.addRange(c)}),t&&t.focus()}},h=D,d={"text/plain":"Text","text/html":"Url",default:"Text"},R="Copy to clipboard: #{key}, Enter";function S(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function x(e,t){var a,o,c,n,s,r,i=!1;t||(t={}),a=t.debug||!1;try{c=h(),n=document.createRange(),s=document.getSelection(),r=document.createElement("span"),r.textContent=e,r.ariaHidden="true",r.style.all="unset",r.style.position="fixed",r.style.top=0,r.style.clip="rect(0, 0, 0, 0)",r.style.whiteSpace="pre",r.style.webkitUserSelect="text",r.style.MozUserSelect="text",r.style.msUserSelect="text",r.style.userSelect="text",r.addEventListener("copy",function(l){if(l.stopPropagation(),t.format)if(l.preventDefault(),typeof l.clipboardData>"u"){a&&console.warn("unable to use e.clipboardData"),a&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var u=d[t.format]||d.default;window.clipboardData.setData(u,e)}else l.clipboardData.clearData(),l.clipboardData.setData(t.format,e);t.onCopy&&(l.preventDefault(),t.onCopy(l.clipboardData))}),document.body.appendChild(r),n.selectNodeContents(r),s.addRange(n);var m=document.execCommand("copy");if(!m)throw new Error("copy command was unsuccessful");i=!0}catch(l){a&&console.error("unable to copy using execCommand: ",l),a&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),i=!0}catch(u){a&&console.error("unable to copy using clipboardData: ",u),a&&console.error("falling back to prompt"),o=S("message"in t?t.message:R),window.prompt(o,e)}}finally{s&&(typeof s.removeRange=="function"?s.removeRange(n):s.removeAllRanges()),r&&document.body.removeChild(r),c()}return i}var T=x;const I=E.getDefaultExportFromCjs(T);function k(e,t){const[a,o]=f.useState();return[f.useCallback(()=>{let n;typeof e=="number"||typeof e=="string"?n=e.toString():e.current instanceof HTMLInputElement?n=e.current.value:e.current instanceof HTMLElement&&(n=e.current.textContent);const s=I(n);o(s),t&&setTimeout(o,t)},[e,t]),a]}exports.formatBytes=g.formatBytes;exports.hexToRGBA=v.hexToRGBA;exports.FIELD_ICON_SIZE=p.FIELD_ICON_SIZE;exports.defaultFieldStyles=p.defaultFieldStyles;exports.overflowEllipsis=b.overflowEllipsis;exports.throttle=C.throttle;exports.setRef=y.setRef;exports.useForkRef=y.useForkRef;exports.useIsomorphicLayoutEffect=w.useIsomorphicLayoutEffect;exports.useCopyText=k;

package/dist/utils.mjs

@@ -1,9 +1,13 @@
 "use client";
+import { f as k } from "./format-bytes-gST0dTWd.mjs";
+import { h as A } from "./hex-to-rgba-BIDK-3ab.mjs";
+import { F as U, d as L } from "./field-styles-DLIhqG_8.mjs";
+import { o as N } from "./overflow-ellipsis-DGV5Kgt-.mjs";
+import { t as P } from "./throttle-BDBzFeFj.mjs";
 import { useState as d, useCallback as m } from "react";
 import { g as y } from "./_commonjsHelpers-CXJ7dpIk.mjs";
-import { t as k } from "./throttle-BDBzFeFj.mjs";
-import { h as U } from "./hex-to-rgba-BIDK-3ab.mjs";
-import { f as M } from "./format-bytes-gST0dTWd.mjs";
+import { s as _, u as j } from "./use-fork-ref-CUZErtAC.mjs";
+import { u as G } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
 var g = function() {
   var e = document.getSelection();
   if (!e.rangeCount)
@@ -25,59 +29,65 @@ var g = function() {
       e.addRange(s);
     }), t && t.focus();
   };
-}, b = g, f = {
+}, v = g, f = {
   "text/plain": "Text",
   "text/html": "Url",
   default: "Text"
-}, v = "Copy to clipboard: #{key}, Enter";
+}, b = "Copy to clipboard: #{key}, Enter";
 function C(e) {
   var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
   return e.replace(/#{\s*key\s*}/g, t);
 }
-function w(e, t) {
-  var r, o, s, n, l, a, i = !1;
+function x(e, t) {
+  var r, o, s, n, c, a, i = !1;
   t || (t = {}), r = t.debug || !1;
   try {
-    s = b(), n = document.createRange(), l = document.getSelection(), a = document.createElement("span"), a.textContent = e, a.ariaHidden = "true", a.style.all = "unset", a.style.position = "fixed", a.style.top = 0, a.style.clip = "rect(0, 0, 0, 0)", a.style.whiteSpace = "pre", a.style.webkitUserSelect = "text", a.style.MozUserSelect = "text", a.style.msUserSelect = "text", a.style.userSelect = "text", a.addEventListener("copy", function(c) {
-      if (c.stopPropagation(), t.format)
-        if (c.preventDefault(), typeof c.clipboardData > "u") {
+    s = v(), n = document.createRange(), c = document.getSelection(), a = document.createElement("span"), a.textContent = e, a.ariaHidden = "true", a.style.all = "unset", a.style.position = "fixed", a.style.top = 0, a.style.clip = "rect(0, 0, 0, 0)", a.style.whiteSpace = "pre", a.style.webkitUserSelect = "text", a.style.MozUserSelect = "text", a.style.msUserSelect = "text", a.style.userSelect = "text", a.addEventListener("copy", function(l) {
+      if (l.stopPropagation(), t.format)
+        if (l.preventDefault(), typeof l.clipboardData > "u") {
           r && console.warn("unable to use e.clipboardData"), r && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
           var u = f[t.format] || f.default;
           window.clipboardData.setData(u, e);
         } else
-          c.clipboardData.clearData(), c.clipboardData.setData(t.format, e);
-      t.onCopy && (c.preventDefault(), t.onCopy(c.clipboardData));
-    }), document.body.appendChild(a), n.selectNodeContents(a), l.addRange(n);
+          l.clipboardData.clearData(), l.clipboardData.setData(t.format, e);
+      t.onCopy && (l.preventDefault(), t.onCopy(l.clipboardData));
+    }), document.body.appendChild(a), n.selectNodeContents(a), c.addRange(n);
     var p = document.execCommand("copy");
     if (!p)
       throw new Error("copy command was unsuccessful");
     i = !0;
-  } catch (c) {
-    r && console.error("unable to copy using execCommand: ", c), r && console.warn("trying IE specific stuff");
+  } catch (l) {
+    r && console.error("unable to copy using execCommand: ", l), r && console.warn("trying IE specific stuff");
     try {
       window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), i = !0;
     } catch (u) {
-      r && console.error("unable to copy using clipboardData: ", u), r && console.error("falling back to prompt"), o = C("message" in t ? t.message : v), window.prompt(o, e);
+      r && console.error("unable to copy using clipboardData: ", u), r && console.error("falling back to prompt"), o = C("message" in t ? t.message : b), window.prompt(o, e);
     }
   } finally {
-    l && (typeof l.removeRange == "function" ? l.removeRange(n) : l.removeAllRanges()), a && document.body.removeChild(a), s();
+    c && (typeof c.removeRange == "function" ? c.removeRange(n) : c.removeAllRanges()), a && document.body.removeChild(a), s();
   }
   return i;
 }
-var x = w;
-const D = /* @__PURE__ */ y(x);
-function T(e, t) {
+var w = x;
+const D = /* @__PURE__ */ y(w);
+function R(e, t) {
   const [r, o] = d();
   return [m(() => {
     let n;
     typeof e == "number" || typeof e == "string" ? n = e.toString() : e.current instanceof HTMLInputElement ? n = e.current.value : e.current instanceof HTMLElement && (n = e.current.textContent);
-    const l = D(n);
-    o(l), t && setTimeout(o, t);
+    const c = D(n);
+    o(c), t && setTimeout(o, t);
   }, [e, t]), r];
 }
 export {
-  M as formatBytes,
-  U as hexToRGBA,
-  k as throttle,
-  T as useCopyText
+  U as FIELD_ICON_SIZE,
+  L as defaultFieldStyles,
+  k as formatBytes,
+  A as hexToRGBA,
+  N as overflowEllipsis,
+  _ as setRef,
+  P as throttle,
+  R as useCopyText,
+  j as useForkRef,
+  G as useIsomorphicLayoutEffect
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "7.0.0-alpha.9",
+  "version": "7.0.1-alpha.0",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -85,6 +85,7 @@
     "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.range": "^3.2.9",
     "@types/node": "22.9.0",
+    "@types/ramda": "^0.30.2",
     "@types/react": "18.0.25",
     "@types/react-datepicker": "^4.15.0",
     "@types/react-dom": "18.0.11",
@@ -96,6 +97,7 @@
     "jest": "29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "7.2.0",
+    "ramda": "^0.30.1",
     "react": "^18.0.0",
     "release-it": "^18.1.2",
     "rollup-preserve-directives": "^1.1.3",