@solibo/solibo-ui 0.3.19 → 0.3.21

package/dist/helpers-Dbey5Ztb.js

@@ -0,0 +1,25 @@
+import r from "react";
+function m(t) {
+  return r.isValidElement(t) && t.type === r.Fragment;
+}
+function l(t, n = []) {
+  return r.Children.forEach(t, (a) => {
+    m(a) ? l(a.props.children, n) : n.push(a);
+  }), n;
+}
+function u(t, {
+  wrapper: n = "li"
+} = {}) {
+  return l(t).map((e, f) => {
+    if (r.isValidElement(e) && e.type === n)
+      return e;
+    const i = r.isValidElement(e) && e.key != null ? e.key : f;
+    return r.createElement(n, {
+      key: i
+    }, e);
+  });
+}
+export {
+  u as w
+};
+//# sourceMappingURL=helpers-Dbey5Ztb.js.map

package/dist/helpers-Dbey5Ztb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-Dbey5Ztb.js","sources":["../src/lib/helpers.tsx"],"sourcesContent":["import React, { JSX } from 'react';\n\ntype WrapOptions<T extends keyof JSX.IntrinsicElements = 'li'> = {\n  wrapper?: T;\n};\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }> {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction flattenChildren(children: React.ReactNode, out: React.ReactNode[] = []) {\n  React.Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      flattenChildren(child.props.children, out);\n    } else {\n      out.push(child);\n    }\n  });\n  return out;\n}\n\nexport function wrapChildren<T extends keyof JSX.IntrinsicElements = 'li'>(\n  children: React.ReactNode,\n  { wrapper = 'li' as T }: WrapOptions<T> = {}\n) {\n  const flat = flattenChildren(children);\n\n  return flat.map((child, i) => {\n    if (React.isValidElement(child) && child.type === wrapper) {\n      return child;\n    }\n\n    const key = React.isValidElement(child) && child.key != null ? child.key : i;\n\n    return React.createElement(wrapper, { key }, child);\n  });\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","map","i","key","createElement"],"mappings":";AAMA,SAASA,EACPC,GAC4D;AAC5D,SAAOC,EAAMC,eAAeF,CAAI,KAAKA,EAAKG,SAASF,EAAMG;AAC3D;AAEA,SAASC,EAAgBC,GAA2BC,IAAyB,IAAI;AAC/EN,SAAAA,EAAMO,SAASC,QAAQH,GAAWI,CAAAA,MAAU;AAC1C,IAAIX,EAAkBW,CAAK,IACzBL,EAAgBK,EAAMC,MAAML,UAAUC,CAAG,IAEzCA,EAAIK,KAAKF,CAAK;AAAA,EAElB,CAAC,GACMH;AACT;AAEO,SAASM,EACdP,GACA;AAAA,EAAEQ,SAAAA,IAAU;AAA0B,IAAI,IAC1C;AAGA,SAFaT,EAAgBC,CAAQ,EAEzBS,IAAI,CAACL,GAAOM,MAAM;AAC5B,QAAIf,EAAMC,eAAeQ,CAAK,KAAKA,EAAMP,SAASW;AAChD,aAAOJ;AAGT,UAAMO,IAAMhB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMO,OAAO,OAAOP,EAAMO,MAAMD;AAE3E,WAAOf,EAAMiB,cAAcJ,GAAS;AAAA,MAAEG,KAAAA;AAAAA,IAAAA,GAAOP,CAAK;AAAA,EACpD,CAAC;AACH;"}

package/dist/helpers-fOobx0tS.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react");function u(n){return r.isValidElement(n)&&n.type===r.Fragment}function i(n,t=[]){return r.Children.forEach(n,a=>{u(a)?i(a.props.children,t):t.push(a)}),t}function f(n,{wrapper:t="li"}={}){return i(n).map((e,l)=>{if(r.isValidElement(e)&&e.type===t)return e;const s=r.isValidElement(e)&&e.key!=null?e.key:l;return r.createElement(t,{key:s},e)})}exports.wrapChildren=f;
+//# sourceMappingURL=helpers-fOobx0tS.cjs.map

package/dist/helpers-fOobx0tS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-fOobx0tS.cjs","sources":["../src/lib/helpers.tsx"],"sourcesContent":["import React, { JSX } from 'react';\n\ntype WrapOptions<T extends keyof JSX.IntrinsicElements = 'li'> = {\n  wrapper?: T;\n};\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }> {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction flattenChildren(children: React.ReactNode, out: React.ReactNode[] = []) {\n  React.Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      flattenChildren(child.props.children, out);\n    } else {\n      out.push(child);\n    }\n  });\n  return out;\n}\n\nexport function wrapChildren<T extends keyof JSX.IntrinsicElements = 'li'>(\n  children: React.ReactNode,\n  { wrapper = 'li' as T }: WrapOptions<T> = {}\n) {\n  const flat = flattenChildren(children);\n\n  return flat.map((child, i) => {\n    if (React.isValidElement(child) && child.type === wrapper) {\n      return child;\n    }\n\n    const key = React.isValidElement(child) && child.key != null ? child.key : i;\n\n    return React.createElement(wrapper, { key }, child);\n  });\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","map","i","key","createElement"],"mappings":"sCAMA,SAASA,EACPC,EAC4D,CAC5D,OAAOC,EAAMC,eAAeF,CAAI,GAAKA,EAAKG,OAASF,EAAMG,QAC3D,CAEA,SAASC,EAAgBC,EAA2BC,EAAyB,GAAI,CAC/EN,OAAAA,EAAMO,SAASC,QAAQH,EAAWI,GAAU,CACtCX,EAAkBW,CAAK,EACzBL,EAAgBK,EAAMC,MAAML,SAAUC,CAAG,EAEzCA,EAAIK,KAAKF,CAAK,CAElB,CAAC,EACMH,CACT,CAEO,SAASM,EACdP,EACA,CAAEQ,QAAAA,EAAU,IAA0B,EAAI,GAC1C,CAGA,OAFaT,EAAgBC,CAAQ,EAEzBS,IAAI,CAACL,EAAOM,IAAM,CAC5B,GAAIf,EAAMC,eAAeQ,CAAK,GAAKA,EAAMP,OAASW,EAChD,OAAOJ,EAGT,MAAMO,EAAMhB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMO,KAAO,KAAOP,EAAMO,IAAMD,EAE3E,OAAOf,EAAMiB,cAAcJ,EAAS,CAAEG,IAAAA,CAAAA,EAAOP,CAAK,CACpD,CAAC,CACH"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/_avatar/index.cjs"),n=require("./components/_card/index.cjs"),o=require("./components/_collapsible/index.cjs"),t=require("./components/_croppable/index.cjs"),r=require("./components/_dropzone/index.cjs"),i=require("./components/_editor/index.cjs"),s=require("./components/_messages/index.cjs"),c=require("./components/_portal/index.cjs"),_=require("./components/_toasts/index.cjs"),a=require("./components/_widget/index.cjs"),d=require("./components/accordion/index.cjs"),p=require("./components/app-link/index.cjs"),u=require("./components/aside/index.cjs"),m=require("./components/badge/index.cjs"),x=require("./components/banner/index.cjs"),l=require("./components/branding/index.cjs"),q=require("./components/button/index.cjs"),g=require("./components/checkbox/index.cjs"),b=require("./components/dialog/index.cjs"),L=require("./components/figure/index.cjs"),T=require("./components/file/index.cjs"),k=require("./components/form/index.cjs"),A=require("./components/graph/index.cjs"),B=require("./components/group/index.cjs"),C=require("./components/header/index.cjs"),h=require("./components/icon/index.cjs"),v=require("./components/image/index.cjs"),F=require("./components/input/index.cjs"),I=require("./components/layout/index.cjs"),S=require("./components/link/index.cjs"),y=require("./components/list/index.cjs"),M=require("./components/loading/index.cjs"),f=require("./components/message/index.cjs"),D=require("./components/nav/index.cjs"),G=require("./components/select/index.cjs"),z=require("./components/sortable/index.cjs"),P=require("./components/table/index.cjs"),E=require("./components/textarea/index.cjs"),H=require("./components/toast/index.cjs"),N=require("./components/toggle/index.cjs");exports.Avatar=e.Avatar;exports.Card=n.Card;exports.Collapsible=o.Collapsible;exports.Croppable=t.Croppable;exports.Dropzone=r.Dropzone;exports.Editor=i.Editor;exports.Messages=s.Messages;exports.Portal=c.Portal;exports.Toasts=_.Toasts;exports.Widget=a.Widget;exports.Accordion=d.Accordion;exports.AppLink=p.AppLink;exports.Aside=u.Aside;exports.Badge=m.Badge;exports.Banner=x.Banner;exports.Branding=l.Branding;exports.Button=q.Button;exports.Checkbox=g.Checkbox;exports.Dialog=b.Dialog;exports.Figure=L.Figure;exports.File=T.File;exports.Form=k.Form;exports.Graph=A.Graph;exports.Group=B.Group;exports.Header=C.Header;exports.Icon=h.Icon;exports.Image=v.Image;exports.Input=F.Input;exports.Layout=I.Layout;exports.Link=S.Link;exports.List=y.List;exports.Loading=M.Loading;exports.Message=f.Message;exports.Nav=D.Nav;exports.Select=G.Select;exports.Sortable=z.Sortable;exports.Table=P.Table;exports.Textarea=E.Textarea;exports.Toast=H.Toast;exports.Toggle=N.Toggle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/_avatar/index.cjs"),n=require("./components/_card/index.cjs"),o=require("./components/_collapsible/index.cjs"),t=require("./components/_croppable/index.cjs"),r=require("./components/_dropzone/index.cjs"),i=require("./components/_editor/index.cjs"),s=require("./components/_messages/index.cjs"),c=require("./components/_portal/index.cjs"),_=require("./components/_toasts/index.cjs"),a=require("./components/_widget/index.cjs"),d=require("./components/accordion/index.cjs"),p=require("./components/app-link/index.cjs"),u=require("./components/aside/index.cjs"),m=require("./components/badge/index.cjs"),x=require("./components/banner/index.cjs"),l=require("./components/branding/index.cjs"),q=require("./components/button/index.cjs"),g=require("./components/checkbox/index.cjs"),b=require("./components/controls/index.cjs"),L=require("./components/dialog/index.cjs"),T=require("./components/figure/index.cjs"),C=require("./components/file/index.cjs"),k=require("./components/form/index.cjs"),A=require("./components/graph/index.cjs"),B=require("./components/group/index.cjs"),h=require("./components/header/index.cjs"),v=require("./components/icon/index.cjs"),F=require("./components/image/index.cjs"),I=require("./components/input/index.cjs"),S=require("./components/layout/index.cjs"),y=require("./components/link/index.cjs"),M=require("./components/list/index.cjs"),f=require("./components/loading/index.cjs"),D=require("./components/message/index.cjs"),G=require("./components/nav/index.cjs"),z=require("./components/select/index.cjs"),P=require("./components/sortable/index.cjs"),E=require("./components/table/index.cjs"),H=require("./components/textarea/index.cjs"),N=require("./components/toast/index.cjs"),W=require("./components/toggle/index.cjs");exports.Avatar=e.Avatar;exports.Card=n.Card;exports.Collapsible=o.Collapsible;exports.Croppable=t.Croppable;exports.Dropzone=r.Dropzone;exports.Editor=i.Editor;exports.Messages=s.Messages;exports.Portal=c.Portal;exports.Toasts=_.Toasts;exports.Widget=a.Widget;exports.Accordion=d.Accordion;exports.AppLink=p.AppLink;exports.Aside=u.Aside;exports.Badge=m.Badge;exports.Banner=x.Banner;exports.Branding=l.Branding;exports.Button=q.Button;exports.Checkbox=g.Checkbox;exports.Controls=b.Controls;exports.Dialog=L.Dialog;exports.Figure=T.Figure;exports.File=C.File;exports.Form=k.Form;exports.Graph=A.Graph;exports.Group=B.Group;exports.Header=h.Header;exports.Icon=v.Icon;exports.Image=F.Image;exports.Input=I.Input;exports.Layout=S.Layout;exports.Link=y.Link;exports.List=M.List;exports.Loading=f.Loading;exports.Message=D.Message;exports.Nav=G.Nav;exports.Select=z.Select;exports.Sortable=P.Sortable;exports.Table=E.Table;exports.Textarea=H.Textarea;exports.Toast=N.Toast;exports.Toggle=W.Toggle;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -15,8 +15,6 @@ declare type AccordionProps = {
     open?: boolean;
 };
 
-declare type AnimationName = 'stagger';
-
 export declare const AppLink: ({ label, type }: AppLinkProps) => JSX.Element;
 
 declare type AppLinkProps = {
@@ -71,12 +69,13 @@ declare const brandingSVG: {
     logo: string;
 };
 
-export declare const Button: ({ children, className, disabled, onClick, variant, ...props }: ButtonProps) => JSX.Element;
+export declare const Button: ({ children, className, disabled, icon, onClick, variant, ...props }: ButtonProps) => JSX.Element;
 
 declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     children: React.ReactNode;
     className?: string;
     disabled?: boolean;
+    icon?: IconName;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     variant?: keyof typeof variants_4;
 };
@@ -109,6 +108,10 @@ declare type CollapsibleProps = {
     label?: default_2.ReactNode;
 };
 
+export declare const Controls: ({ children, ...props }: ControlsProps) => JSX.Element;
+
+declare type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {};
+
 export declare const Croppable: ({ children, fill, height, onCroppableChange, onFileChange, onTransformChange, transform, }: CroppableProps) => JSX.Element;
 
 declare type CroppableProps = {
@@ -175,11 +178,12 @@ declare type FileProps = {
     url?: string;
 };
 
-export declare const Form: ({ animation, children, inline, ...props }: FormProps) => JSX.Element;
+export declare const Form: ({ animation, children, className, inline, ...props }: FormProps) => JSX.Element;
 
 declare type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {
-    animation?: AnimationName;
+    animation?: string;
     children?: React.ReactNode;
+    className?: string;
     inline?: boolean;
 };
 
@@ -198,12 +202,11 @@ declare type GraphProps = Omit<React.ComponentPropsWithoutRef<'figure'>, 'childr
     valueFormatter?: (value: number) => string;
 };
 
-export declare const Group: ({ animation, children, className }: GroupProps) => JSX.Element;
+export declare const Group: ({ animation, children, className, ...props }: GroupProps) => JSX.Element;
 
-declare type GroupProps = {
-    animation?: AnimationName;
+declare type GroupProps = React.HTMLAttributes<HTMLDivElement> & {
+    animation?: string;
     children: React.ReactNode;
-    className?: string;
 };
 
 export declare const Header: ({ children, variant }: HeaderProps) => JSX.Element;
@@ -293,7 +296,7 @@ declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
 
 export declare function List({ children, className, columns, style, ...props }: ListProps): JSX.Element;
 
-declare type ListProps = default_2.ComponentPropsWithoutRef<'ul'> & {
+declare type ListProps = React.ComponentPropsWithoutRef<'ul'> & {
     columns?: number;
 };
 
@@ -325,11 +328,12 @@ declare type MessagesProps = {
     messages: MessageItem[];
 };
 
-export declare const Nav: ({ animation, children, horizontal, variant }: NavProps) => JSX.Element;
+export declare const Nav: ({ animation, children, className, horizontal, variant, ...props }: NavProps) => JSX.Element;
 
-declare type NavProps = {
-    animation?: AnimationName;
+declare type NavProps = React.HTMLAttributes<HTMLElement> & {
+    animation?: string;
     children?: React.ReactNode;
+    className?: string;
     horizontal?: boolean;
     variant?: keyof typeof variants_7;
 };

package/dist/index.js

@@ -3,12 +3,12 @@ import { Card as p } from "./components/_card/index.js";
 import { Collapsible as x } from "./components/_collapsible/index.js";
 import { Croppable as a } from "./components/_croppable/index.js";
 import { Dropzone as n } from "./components/_dropzone/index.js";
-import { Editor as l } from "./components/_editor/index.js";
+import { Editor as s } from "./components/_editor/index.js";
 import { Messages as d } from "./components/_messages/index.js";
 import { Portal as c } from "./components/_portal/index.js";
-import { Toasts as L } from "./components/_toasts/index.js";
-import { Widget as A } from "./components/_widget/index.js";
-import { Accordion as C } from "./components/accordion/index.js";
+import { Toasts as C } from "./components/_toasts/index.js";
+import { Widget as T } from "./components/_widget/index.js";
+import { Accordion as B } from "./components/accordion/index.js";
 import { AppLink as F } from "./components/app-link/index.js";
 import { Aside as h } from "./components/aside/index.js";
 import { Badge as D } from "./components/badge/index.js";
@@ -16,30 +16,31 @@ import { Banner as M } from "./components/banner/index.js";
 import { Branding as y } from "./components/branding/index.js";
 import { Button as E } from "./components/button/index.js";
 import { Checkbox as N } from "./components/checkbox/index.js";
-import { Dialog as W } from "./components/dialog/index.js";
-import { Figure as q } from "./components/figure/index.js";
-import { File as J } from "./components/file/index.js";
-import { Form as O } from "./components/form/index.js";
-import { Graph as R } from "./components/graph/index.js";
-import { Group as V } from "./components/group/index.js";
-import { Header as Y } from "./components/header/index.js";
-import { Icon as _ } from "./components/icon/index.js";
-import { Image as oo } from "./components/image/index.js";
-import { Input as eo } from "./components/input/index.js";
-import { Layout as po } from "./components/layout/index.js";
-import { Link as xo } from "./components/link/index.js";
-import { List as ao } from "./components/list/index.js";
-import { Loading as no } from "./components/loading/index.js";
-import { Message as lo } from "./components/message/index.js";
-import { Nav as bo } from "./components/nav/index.js";
-import { Select as uo } from "./components/select/index.js";
-import { Sortable as To } from "./components/sortable/index.js";
-import { Table as Bo } from "./components/table/index.js";
-import { Textarea as ko } from "./components/textarea/index.js";
-import { Toast as Io } from "./components/toast/index.js";
-import { Toggle as vo } from "./components/toggle/index.js";
+import { Controls as W } from "./components/controls/index.js";
+import { Dialog as q } from "./components/dialog/index.js";
+import { Figure as J } from "./components/figure/index.js";
+import { File as O } from "./components/file/index.js";
+import { Form as R } from "./components/form/index.js";
+import { Graph as V } from "./components/graph/index.js";
+import { Group as Y } from "./components/group/index.js";
+import { Header as _ } from "./components/header/index.js";
+import { Icon as oo } from "./components/icon/index.js";
+import { Image as eo } from "./components/image/index.js";
+import { Input as po } from "./components/input/index.js";
+import { Layout as xo } from "./components/layout/index.js";
+import { Link as ao } from "./components/link/index.js";
+import { List as no } from "./components/list/index.js";
+import { Loading as so } from "./components/loading/index.js";
+import { Message as bo } from "./components/message/index.js";
+import { Nav as uo } from "./components/nav/index.js";
+import { Select as Lo } from "./components/select/index.js";
+import { Sortable as Ao } from "./components/sortable/index.js";
+import { Table as ko } from "./components/table/index.js";
+import { Textarea as Io } from "./components/textarea/index.js";
+import { Toast as vo } from "./components/toast/index.js";
+import { Toggle as Go } from "./components/toggle/index.js";
 import './assets/index.css';export {
-  C as Accordion,
+  B as Accordion,
   F as AppLink,
   h as Aside,
   e as Avatar,
@@ -50,34 +51,35 @@ import './assets/index.css';export {
   p as Card,
   N as Checkbox,
   x as Collapsible,
+  W as Controls,
   a as Croppable,
-  W as Dialog,
+  q as Dialog,
   n as Dropzone,
-  l as Editor,
-  q as Figure,
-  J as File,
-  O as Form,
-  R as Graph,
-  V as Group,
-  Y as Header,
-  _ as Icon,
-  oo as Image,
-  eo as Input,
-  po as Layout,
-  xo as Link,
-  ao as List,
-  no as Loading,
-  lo as Message,
+  s as Editor,
+  J as Figure,
+  O as File,
+  R as Form,
+  V as Graph,
+  Y as Group,
+  _ as Header,
+  oo as Icon,
+  eo as Image,
+  po as Input,
+  xo as Layout,
+  ao as Link,
+  no as List,
+  so as Loading,
+  bo as Message,
   d as Messages,
-  bo as Nav,
+  uo as Nav,
   c as Portal,
-  uo as Select,
-  To as Sortable,
-  Bo as Table,
-  ko as Textarea,
-  Io as Toast,
-  L as Toasts,
-  vo as Toggle,
-  A as Widget
+  Lo as Select,
+  Ao as Sortable,
+  ko as Table,
+  Io as Textarea,
+  vo as Toast,
+  C as Toasts,
+  Go as Toggle,
+  T as Widget
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.3.19",
+  "version": "0.3.21",
   "type": "module",
   "scripts": {
     "dev": "vite build --watch",