@functionalui/functionalui 0.1.0 → 0.1.2

package/dist/types.d.ts

@@ -2,6 +2,7 @@ import { AnimatedProps } from '@react-spring/web';
 import { ComponentType } from 'react';
 import { HTMLAttributes } from 'react';
 import { ReactNode } from 'react';
+import { RefObject } from 'react';
 
 declare interface AdmoitionSize {
     title: {
@@ -337,6 +338,7 @@ export declare enum ButtonIconPositions {
 
 export declare interface ButtonProps extends AnimatedProps<HTMLAttributes<HTMLButtonElement>>, StyleProps, ButtonStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLButtonElement | null>;
 }
 
 export declare enum ButtonShadows {
@@ -709,6 +711,7 @@ export declare enum Displays {
 
 export declare interface DivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, StyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLDivElement | null>;
 }
 
 /**
@@ -1005,6 +1008,7 @@ export declare enum GridRowGaps {
 
 export declare interface HeadElementProps extends AnimatedProps<HTMLAttributes<HTMLHeadElement>>, TextStyleProps, HeaderProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLHeadingElement | null>;
 }
 
 declare interface HeaderProps {
@@ -1388,6 +1392,7 @@ export declare enum JustifySelfs {
 
 export declare interface LayoutDivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, LayoutProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLDivElement | null>;
 }
 
 declare interface LayoutProps {
@@ -1408,6 +1413,7 @@ declare interface LayoutProps {
 
 export declare interface LiProps extends AnimatedProps<HTMLAttributes<HTMLLIElement>>, StyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLLIElement | null>;
 }
 
 export declare const MARGIN_BOTTOM_CLASSES: ClassType;
@@ -1463,6 +1469,7 @@ export declare const PADDING_TOP_CLASSES: ClassType;
 
 export declare interface ParagraphProps extends AnimatedProps<HTMLAttributes<HTMLParagraphElement>>, TextStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLParagraphElement | null>;
 }
 
 export declare enum Portals {
@@ -1736,6 +1743,7 @@ export declare enum Spacings {
 
 export declare interface SpanProps extends AnimatedProps<HTMLAttributes<HTMLSpanElement>>, TextStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLSpanElement | null>;
 }
 
 declare interface StyleProps {
@@ -1901,10 +1909,14 @@ declare interface TextAreaProp {
     min?: number | undefined;
     step?: number | undefined;
     rows?: number | undefined;
+    resize?: ElementResizes;
+    outlineStyle?: OutlineStyles;
+    textAreaStyle?: TextAreaStyles;
 }
 
-export declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaStyles_2, TextAreaProp {
+export declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaProp {
     children?: ReactNode;
+    ref?: RefObject<HTMLTextAreaElement | null>;
 }
 
 export declare enum TextAreaSizes {
@@ -1922,11 +1934,6 @@ export declare enum TextAreaStyles {
     Transparent = 5
 }
 
-declare interface TextAreaStyles_2 {
-    resize?: ElementResizes;
-    outlineStyle?: OutlineStyles;
-}
-
 declare interface TextInputProp {
     type?: string;
     required?: boolean | undefined;
@@ -1940,6 +1947,7 @@ declare interface TextInputProp {
 
 export declare interface TextInputProps extends AnimatedProps<HTMLAttributes<HTMLInputElement>>, TextStyleProps, TextInputProp {
     children?: ReactNode;
+    ref?: RefObject<HTMLInputElement | null>;
 }
 
 declare interface TextStyleProps {
@@ -2037,6 +2045,7 @@ export declare type UiContextType = {
 
 export declare interface UlProps extends AnimatedProps<HTMLAttributes<HTMLUListElement>>, StyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLUListElement | null>;
 }
 
 export { }

package/dist/types.js

@@ -1,4 +1,4 @@
-import { ag as s, S as _, al as E, ae as A, ah as T, bx as L, aj as C, ai as O, bj as e, am as t, t as I, a0 as o, l as R, m as i, r as n, u as l, o as D, i as N, p as G, n as B, bs as b, j as F, k as r, q as P, s as U, bt as d, B as M, bu as u, v as x, aw as p, by as y, at as g, ao as H, af as X, ak as z, a2 as Y, az as Z, aq as c, bz as m, ay as W, ar as h, ap as V, av as f, aA as w, aC as J, aD as k, C as v, aK as K, a5 as j, A as q, aB as Q, aE as $, a9 as SS, aL as aS, aF as sS, aG as _S, aa as ES, D as AS, a6 as TS, b3 as LS, b2 as CS, Z as OS, a$ as eS, I as tS, H as IS, F as oS, G as RS, E as iS, U as nS, T as lS, bv as DS, W as NS, V as GS, bk as BS, a8 as bS, an as FS, a7 as rS, bl as PS, be as US, $ as dS, bf as MS, ax as uS, Q as xS, L as pS, J as yS, N as gS, K as HS, bm as XS, bn as zS, bo as YS, bp as ZS, bq as cS, aP as mS, aO as WS, aV as hS, aN as VS, bA as fS, aQ as wS, aU as JS, aS as kS, aR as vS, R as KS, br as jS, b as qS, M as QS, c as $S, d as Sa, a as aa, bd as sa, bg as _a, aM as Ea, O as Aa, a_ as Ta, f as La, P as Ca, g as Oa, h as ea, e as ta, x as Ia, y as oa, z as Ra, w as ia, aJ as na, bh as la, bw as Da, ad as Na, b6 as Ga, b4 as Ba, aT as ba, b7 as Fa, b8 as ra, b5 as Pa, a1 as Ua, a3 as da, aH as Ma, X as ua, aX as xa, aW as pa, b1 as ya, Y as ga, ab as Ha, b9 as Xa, bb as za, aI as Ya, bi as Za, aY as ca, b0 as ma, aZ as Wa, a4 as ha, ac as Va, bc as fa, ba as wa } from "./types-B2oLQKyl.js";
+import { ah as s, S as _, am as E, af as A, ai as T, bx as L, ak as C, aj as O, bk as e, an as t, t as I, a0 as o, j as R, k as i, r as n, u as l, o as D, i as N, p as G, n as B, bt as b, l as F, m as r, q as P, s as U, bu as d, B as u, bv as M, v as x, ax as p, by as y, au as g, ap as H, ag as X, al as z, a2 as Y, aA as Z, ar as c, bz as m, az as W, as as h, aq as V, aw as f, aB as w, aD as J, aE as k, C as K, aL as v, a5 as j, A as q, aC as Q, aF as $, aa as SS, aM as aS, aG as sS, aH as _S, ab as ES, D as AS, a6 as TS, b4 as LS, b3 as CS, Z as OS, b0 as eS, I as tS, H as IS, F as oS, G as RS, E as iS, U as nS, T as lS, bw as DS, W as NS, V as GS, bl as BS, a8 as bS, ao as FS, a7 as rS, bm as PS, bf as US, $ as dS, bg as uS, ay as MS, Q as xS, L as pS, J as yS, N as gS, K as HS, bn as XS, bo as zS, bp as YS, bq as ZS, br as cS, aQ as mS, aP as WS, aW as hS, aO as VS, bA as fS, aR as wS, aV as JS, aT as kS, aS as KS, R as vS, bs as jS, b as qS, M as QS, c as $S, d as Sa, a as aa, be as sa, bh as _a, aN as Ea, O as Aa, a$ as Ta, f as La, P as Ca, g as Oa, h as ea, e as ta, x as Ia, y as oa, z as Ra, w as ia, aK as na, bi as la, a9 as Da, ac as Na, b7 as Ga, b5 as Ba, aU as ba, b8 as Fa, b9 as ra, b6 as Pa, a1 as Ua, a3 as da, aI as ua, X as Ma, aY as xa, aX as pa, b2 as ya, Y as ga, ad as Ha, ba as Xa, bc as za, aJ as Ya, bj as Za, aZ as ca, b1 as ma, a_ as Wa, a4 as ha, ae as Va, bd as fa, bb as wa } from "./types-hPYnu-T4.js";
 export {
   s as ADMONITION_SIZE,
   _ as ALIGN_SELF_CLASSES,
@@ -26,8 +26,8 @@ export {
   P as BORDER_TOP_STYLE_CLASSES,
   U as BORDER_WIDTH_CLASSES,
   d as BORDER_WIDTH_VALUES,
-  M as BOX_SHADOW_CLASSES,
-  u as BOX_SHADOW_VALUES,
+  u as BOX_SHADOW_CLASSES,
+  M as BOX_SHADOW_VALUES,
   x as BOX_SIZING_CLASSES,
   p as BUTTON_COLORS,
   y as BUTTON_SHADOWS_CLASSES,
@@ -46,8 +46,8 @@ export {
   w as ButtonTypes,
   J as CHECKBOX_COLORS,
   k as CHECKBOX_SIZES,
-  v as COLOR_CLASSES,
-  K as COLOR_RGBA_ALPHA,
+  K as COLOR_CLASSES,
+  v as COLOR_RGBA_ALPHA,
   j as COLOR_VALUES,
   q as CURSOR_CLASSES,
   Q as CheckboxColors,
@@ -80,8 +80,8 @@ export {
   PS as FlexWraps,
   US as FontFamilies,
   dS as FontSizes,
-  MS as FontStyles,
-  uS as FontWeights,
+  uS as FontStyles,
+  MS as FontWeights,
   xS as GRID_ALIGN_CONTENT_CLASSES,
   pS as GRID_COLUMN_GAP_CLASSES,
   yS as GRID_GAP_CLASSES,
@@ -100,8 +100,8 @@ export {
   wS as InputTextModes,
   JS as InputTextSizes,
   kS as InputTextStyles,
-  vS as InputTextTypes,
-  KS as JUSTIFY_SELF_CLASSES,
+  KS as InputTextTypes,
+  vS as JUSTIFY_SELF_CLASSES,
   jS as JustifySelfs,
   qS as MARGIN_BOTTOM_CLASSES,
   QS as MARGIN_CLASSES,
@@ -134,8 +134,8 @@ export {
   Pa as SelectedValuesStyles,
   Ua as Sizings,
   da as Spacings,
-  Ma as TAG_SIZE,
-  ua as TEXT_ALIGN_CLASSES,
+  ua as TAG_SIZE,
+  Ma as TEXT_ALIGN_CLASSES,
   xa as TEXT_AREA_COLOR,
   pa as TEXT_AREA_SIZE,
   ya as TEXT_AREA_STYLE,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@functionalui/functionalui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "files": [
     "dist"
@@ -39,39 +39,32 @@
     "color": "^4.2.3",
     "dayjs": "^1.11.13",
     "immutability-helper": "^3.1.1",
-    "rdndmb-html5-to-touch": "^8.1.2",
-    "react": "^18.3.1",
+    "react": "19.2.4",
     "react-colorful": "^5.6.1",
     "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
-    "react-dnd-multi-backend": "^8.1.2",
-    "react-dnd-touch-backend": "^16.0.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "19.2.4",
     "react-intersection-observer": "^9.14.1",
     "react-use-measure": "^2.1.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
+    "@chromatic-com/storybook": "^5.0.0",
     "@eslint/js": "^9.17.0",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
+    "@storybook/addon-docs": "^10.2.7",
+    "@storybook/addon-onboarding": "^10.2.7",
+    "@storybook/react": "^10.2.7",
+    "@storybook/react-vite": "^10.2.7",
     "@types/color": "^4.2.0",
     "@types/node": "^22.10.5",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "19.2.13",
+    "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.17.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.11.2",
+    "eslint-plugin-storybook": "^10.2.7",
     "globals": "^15.14.0",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^8.4.7",
+    "storybook": "^10.2.7",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
     "vite": "^6.0.5",