@code0-tech/pictor 0.10.0 → 0.10.2

package/dist/components/breadcrumb/Breadcrumb.js

@@ -1,20 +1,20 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import t from "react";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import n from "react";
 import "../../utils/contextStore.js";
-import { mergeComponentProps as l } from "../../utils/component.js";
+import { mergeComponentProps as a } from "../../utils/component.js";
 import "js-md5";
 import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css                      */
-import { IconChevronRight as a } from "@tabler/icons-react";
-const j = (m) => {
+import { IconChevronRight as d } from "@tabler/icons-react";
+const j = (i) => {
   const {
-    splitter: n = /* @__PURE__ */ r(a, { size: 16 }),
-    children: o,
-    ...i
-  } = m, c = t.Children.count(o);
-  return /* @__PURE__ */ r("div", { ...l("breadcrumb", i), children: t.Children.map(o, (p, e) => /* @__PURE__ */ s(t.Fragment, { children: [
-    p,
-    e < c - 1 ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: n }) : null
-  ] }, e)) });
+    splitter: m = /* @__PURE__ */ t(d, { size: 16 }),
+    children: l,
+    ...c
+  } = i, e = n.Children.toArray(l).filter((r) => r != null), s = e.length;
+  return /* @__PURE__ */ t("div", { ...a("breadcrumb", c), children: e.map((r, o) => /* @__PURE__ */ p(n.Fragment, { children: [
+    r,
+    o < s - 1 ? /* @__PURE__ */ t("span", { className: "breadcrumb__splitter", children: m }) : null
+  ] }, o)) });
 };
 export {
   j as Breadcrumb

package/dist/components/button-group/ButtonGroup.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactElement } from 'react';
 import { ButtonProps } from '../button/Button';
 import { Component, Color } from '../../utils';
 export interface ButtonGroupType extends Component<HTMLDivElement> {
-    children: ReactElement<ButtonProps>[];
+    children: ReactElement<ButtonProps> | ReactElement<ButtonProps>[];
     color?: Color;
 }
 export declare const ButtonGroup: React.FC<ButtonGroupType>;

package/dist/components/button-group/ButtonGroup.js

@@ -1,31 +1,33 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as u } from "../../_virtual/compiler-runtime.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c as _ } from "../../_virtual/compiler-runtime.js";
+import b from "react";
 import '../../assets/components/button-group/ButtonGroup.style.css';/* empty css                       */
 import "../../utils/contextStore.js";
-import "react";
-import { mergeComponentProps as c } from "../../utils/component.js";
+import { mergeComponentProps as h } from "../../utils/component.js";
 import "js-md5";
-const v = (p) => {
-  const t = u.c(10);
+const B = (e) => {
+  const t = _.c(8);
   let o, r;
-  if (t[0] !== p) {
+  if (t[0] !== e) {
     const {
-      children: n,
-      color: i,
-      ...l
-    } = p;
-    o = n, r = c(`button-group button-group--${i === void 0 ? "secondary" : i}`, l), t[0] = p, t[1] = o, t[2] = r;
+      children: f,
+      color: m,
+      ...a
+    } = e, d = m === void 0 ? "secondary" : m, s = b.Children.toArray(f).filter(v), l = s.length;
+    o = h(`button-group button-group--${d}`, a);
+    let i;
+    t[3] !== l ? (i = (g, u) => {
+      let c = "button-group__item";
+      return u === l - 1 ? c = "button-group__last" : u === 0 && (c = "button-group__first"), /* @__PURE__ */ p("div", { className: c, children: g }, `button-group-${u}`);
+    }, t[3] = l, t[4] = i) : i = t[4], r = s.map(i), t[0] = e, t[1] = o, t[2] = r;
   } else
     o = t[1], r = t[2];
-  let e;
-  if (t[3] !== o) {
-    let n;
-    t[5] !== o.length ? (n = (i, l) => /* @__PURE__ */ s("div", { className: `${l == 0 || l == o.length - 1 ? l == 0 ? "button-group__first" : "button-group__last" : "button-group__item"}`, children: i }, i.key ?? `button-group-${l}`), t[5] = o.length, t[6] = n) : n = t[6], e = o.map(n), t[3] = o, t[4] = e;
-  } else
-    e = t[4];
-  let m;
-  return t[7] !== r || t[8] !== e ? (m = /* @__PURE__ */ s("div", { ...r, children: e }), t[7] = r, t[8] = e, t[9] = m) : m = t[9], m;
+  let n;
+  return t[5] !== o || t[6] !== r ? (n = /* @__PURE__ */ p("div", { ...o, children: r }), t[5] = o, t[6] = r, t[7] = n) : n = t[7], n;
 };
+function v(e) {
+  return e != null;
+}
 export {
-  v as ButtonGroup
+  B as ButtonGroup
 };

package/dist/components/island/Island.hook.js

@@ -23,29 +23,29 @@ const t = n((o) => ({
 }, B = (o) => {
   t.getState().addToast({
     icon: /* @__PURE__ */ e(r, { color: "#70ffb2", size: 16 }),
-    message: /* @__PURE__ */ e(s, { c: "#70ffb2", children: o.message }),
-    ...o
+    ...o,
+    message: /* @__PURE__ */ e(s, { c: "#70ffb2", children: o.message })
   });
 }, F = (o) => {
   t.getState().addToast({
     icon: /* @__PURE__ */ e(l, { color: "#29BF12", size: 16 }),
-    message: /* @__PURE__ */ e(s, { c: "#29BF12", children: o.message }),
     index: 1,
-    ...o
+    ...o,
+    message: /* @__PURE__ */ e(s, { c: "#29BF12", children: o.message })
   });
 }, S = (o) => {
   t.getState().addToast({
     icon: /* @__PURE__ */ e(m, { color: "#FFBE0B", size: 16 }),
-    message: /* @__PURE__ */ e(s, { c: "#FFBE0B", children: o.message }),
     index: 2,
-    ...o
+    ...o,
+    message: /* @__PURE__ */ e(s, { c: "#FFBE0B", children: o.message })
   });
 }, h = (o) => {
   t.getState().addToast({
     icon: /* @__PURE__ */ e(d, { color: "#D90429", size: 16 }),
-    message: /* @__PURE__ */ e(s, { c: "#D90429", children: o.message }),
     index: 3,
-    ...o
+    ...o,
+    message: /* @__PURE__ */ e(s, { c: "#D90429", children: o.message })
   });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {