@julseb-lib/react 1.0.13 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -2831,7 +2831,7 @@ var Key = ({
2831
2831
  accentColor = "primary",
2832
2832
  ...rest
2833
2833
  }) => {
2834
- const { theme } = useLibTheme();
2834
+ const { theme = "light" } = useLibTheme();
2835
2835
  const Element = element;
2836
2836
  const childrenArray = Children.toArray(
2837
2837
  children?.toString().replaceAll(",", "").split("")
@@ -66099,6 +66099,7 @@ var Select = ({
66099
66099
  onClick: () => setIsOpen(!isOpen),
66100
66100
  onFocus: () => setIsOpen(true),
66101
66101
  disabled,
66102
+ type: "button",
66102
66103
  ...rest,
66103
66104
  children: [
66104
66105
  /* @__PURE__ */ jsx316(
@@ -66824,7 +66825,7 @@ var AccordionTitle = ({
66824
66825
  };
66825
66826
 
66826
66827
  // src/lib/components/Accordion/AccordionContent.tsx
66827
- import { Fragment as Fragment9 } from "react";
66828
+ import "react";
66828
66829
  import { jsx as jsx327 } from "react/jsx-runtime";
66829
66830
  var AccordionContent = ({
66830
66831
  element,
@@ -66835,7 +66836,7 @@ var AccordionContent = ({
66835
66836
  children,
66836
66837
  ...rest
66837
66838
  }) => {
66838
- const Element = element ?? (typeof children === "string" ? Text : Fragment9);
66839
+ const Element = element ?? (typeof children === "string" ? Text : "div");
66839
66840
  return /* @__PURE__ */ jsx327(
66840
66841
  Element,
66841
66842
  {
@@ -67040,7 +67041,7 @@ var Toast = ({
67040
67041
  ...rest
67041
67042
  }) => {
67042
67043
  const Element = element;
67043
- const { theme } = useLibTheme();
67044
+ const { theme = "light" } = useLibTheme();
67044
67045
  return /* @__PURE__ */ jsxs278(
67045
67046
  Element,
67046
67047
  {
@@ -67233,7 +67234,7 @@ var Alert = ({
67233
67234
  ...rest
67234
67235
  }) => {
67235
67236
  const Element = element;
67236
- const { theme } = useLibTheme();
67237
+ const { theme = "light" } = useLibTheme();
67237
67238
  return /* @__PURE__ */ jsx335(
67238
67239
  Element,
67239
67240
  {
@@ -67325,12 +67326,12 @@ var Modal = ({
67325
67326
  };
67326
67327
 
67327
67328
  // src/lib/components/DragList/DragList.tsx
67328
- import { useRef as useRef13, useState as useState20, Fragment as Fragment11 } from "react";
67329
+ import { useRef as useRef13, useState as useState20, Fragment as Fragment10 } from "react";
67329
67330
 
67330
67331
  // src/lib/components/DragList/DragListItem.tsx
67331
67332
  import "react";
67332
67333
  import { BiDotsVerticalRounded } from "react-icons/bi";
67333
- import { Fragment as Fragment10, jsx as jsx337, jsxs as jsxs280 } from "react/jsx-runtime";
67334
+ import { Fragment as Fragment9, jsx as jsx337, jsxs as jsxs280 } from "react/jsx-runtime";
67334
67335
  var DragListItem = ({
67335
67336
  className,
67336
67337
  element = "div",
@@ -67379,7 +67380,7 @@ var DragListItem = ({
67379
67380
  "flex flex-col gap-1 grow",
67380
67381
  "drag-list-item-content"
67381
67382
  ),
67382
- children: item ? /* @__PURE__ */ jsxs280(Fragment10, { children: [
67383
+ children: item ? /* @__PURE__ */ jsxs280(Fragment9, { children: [
67383
67384
  typeof item.title === "string" ? /* @__PURE__ */ jsx337(Text, { tag: "h6", className: "drag-list-item-title", children: item.title }) : item.title,
67384
67385
  item.body && (typeof item.body === "string" ? /* @__PURE__ */ jsx337(Text, { className: "drag-list-item-body", children: item.body }) : item.body)
67385
67386
  ] }) : children
@@ -67438,7 +67439,7 @@ var DragList = ({
67438
67439
  className
67439
67440
  ),
67440
67441
  ...rest,
67441
- children: items ? items.map((item, i) => /* @__PURE__ */ jsxs281(Fragment11, { children: [
67442
+ children: items ? items.map((item, i) => /* @__PURE__ */ jsxs281(Fragment10, { children: [
67442
67443
  /* @__PURE__ */ createElement3(
67443
67444
  DragListItem,
67444
67445
  {
@@ -67499,7 +67500,7 @@ var PaginationButton = ({
67499
67500
  };
67500
67501
 
67501
67502
  // src/lib/components/Pagination/Pagination.tsx
67502
- import { Fragment as Fragment12, jsx as jsx340, jsxs as jsxs282 } from "react/jsx-runtime";
67503
+ import { Fragment as Fragment11, jsx as jsx340, jsxs as jsxs282 } from "react/jsx-runtime";
67503
67504
  var Pagination = ({
67504
67505
  className,
67505
67506
  element = "div",
@@ -67537,7 +67538,7 @@ var Pagination = ({
67537
67538
  className
67538
67539
  ),
67539
67540
  ...rest,
67540
- children: totalPages ? /* @__PURE__ */ jsxs282(Fragment12, { children: [
67541
+ children: totalPages ? /* @__PURE__ */ jsxs282(Fragment11, { children: [
67541
67542
  /* @__PURE__ */ jsx340(
67542
67543
  PaginationButton,
67543
67544
  {
@@ -67548,7 +67549,7 @@ var Pagination = ({
67548
67549
  children: icons?.prev ?? /* @__PURE__ */ jsx340(BiLeftArrowAlt, { size: 24 })
67549
67550
  }
67550
67551
  ),
67551
- paginationGroup[0] !== 1 && /* @__PURE__ */ jsxs282(Fragment12, { children: [
67552
+ paginationGroup[0] !== 1 && /* @__PURE__ */ jsxs282(Fragment11, { children: [
67552
67553
  /* @__PURE__ */ jsx340(
67553
67554
  PaginationButton,
67554
67555
  {
@@ -67577,7 +67578,7 @@ var Pagination = ({
67577
67578
  },
67578
67579
  n
67579
67580
  )),
67580
- paginationGroup[paginationGroup.length - 1] !== totalPages && /* @__PURE__ */ jsxs282(Fragment12, { children: [
67581
+ paginationGroup[paginationGroup.length - 1] !== totalPages && /* @__PURE__ */ jsxs282(Fragment11, { children: [
67581
67582
  /* @__PURE__ */ jsx340(
67582
67583
  PaginationButton,
67583
67584
  {
@@ -68207,7 +68208,7 @@ var outlineColor = {
68207
68208
  };
68208
68209
 
68209
68210
  // src/lib/components/Slideshow/Slideshow.tsx
68210
- import { Fragment as Fragment13, jsx as jsx351, jsxs as jsxs286 } from "react/jsx-runtime";
68211
+ import { Fragment as Fragment12, jsx as jsx351, jsxs as jsxs286 } from "react/jsx-runtime";
68211
68212
  var Slideshow = ({
68212
68213
  className,
68213
68214
  element = "div",
@@ -68408,7 +68409,7 @@ var Slideshow = ({
68408
68409
  )
68409
68410
  }
68410
68411
  ),
68411
- !hideControls && totalSlides > 1 && /* @__PURE__ */ jsxs286(Fragment13, { children: [
68412
+ !hideControls && totalSlides > 1 && /* @__PURE__ */ jsxs286(Fragment12, { children: [
68412
68413
  /* @__PURE__ */ jsx351(
68413
68414
  SlideshowButton,
68414
68415
  {
@@ -69404,7 +69405,7 @@ var HeaderSearch = ({ search, handleClose }) => {
69404
69405
  };
69405
69406
 
69406
69407
  // src/lib/components/Header/Header.tsx
69407
- import { Fragment as Fragment14, jsx as jsx366, jsxs as jsxs292 } from "react/jsx-runtime";
69408
+ import { Fragment as Fragment13, jsx as jsx366, jsxs as jsxs292 } from "react/jsx-runtime";
69408
69409
  var Header = ({
69409
69410
  className,
69410
69411
  element = "header",
@@ -69466,7 +69467,7 @@ var Header = ({
69466
69467
  };
69467
69468
  const searchProps = { search, handleClose };
69468
69469
  const navProps = {
69469
- children: /* @__PURE__ */ jsxs292(Fragment14, { children: [
69470
+ children: /* @__PURE__ */ jsxs292(Fragment13, { children: [
69470
69471
  links ? links.map((link) => link) : nav ? nav : children,
69471
69472
  isMobile && /* @__PURE__ */ jsx366(HeaderSearch, { ...searchProps })
69472
69473
  ] }),
@@ -69552,7 +69553,7 @@ var Header = ({
69552
69553
  };
69553
69554
 
69554
69555
  // src/lib/components/Footer/Footer.tsx
69555
- import { Children as Children4, Fragment as Fragment15 } from "react";
69556
+ import { Children as Children4, Fragment as Fragment14 } from "react";
69556
69557
  import { uuid as uuid13 } from "@julseb-lib/utils";
69557
69558
  import { jsx as jsx367, jsxs as jsxs293 } from "react/jsx-runtime";
69558
69559
  var Footer = ({
@@ -69588,7 +69589,7 @@ var Footer = ({
69588
69589
  ...rest,
69589
69590
  children: [
69590
69591
  typeof logo === "string" ? /* @__PURE__ */ jsx367(Text, { children: logo }) : logo,
69591
- /* @__PURE__ */ jsx367("div", { className: "flex items-container gap-2", children: items?.map((item, i) => /* @__PURE__ */ jsxs293(Fragment15, { children: [
69592
+ /* @__PURE__ */ jsx367("div", { className: "flex items-container gap-2", children: items?.map((item, i) => /* @__PURE__ */ jsxs293(Fragment14, { children: [
69592
69593
  item,
69593
69594
  i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ jsx367(
69594
69595
  "span",
@@ -69599,7 +69600,7 @@ var Footer = ({
69599
69600
  children: linksSeparator === "dot" ? "\u2022" : "-"
69600
69601
  }
69601
69602
  )
69602
- ] }, uuid13())) ?? childrenArray.map((child, i) => /* @__PURE__ */ jsxs293(Fragment15, { children: [
69603
+ ] }, uuid13())) ?? childrenArray.map((child, i) => /* @__PURE__ */ jsxs293(Fragment14, { children: [
69603
69604
  child,
69604
69605
  i !== childrenArray.length - 1 && !hideLinksSeparator && (linksSeparator === "dot" ? "\u2022" : "-")
69605
69606
  ] }, uuid13())) })
@@ -69610,7 +69611,7 @@ var Footer = ({
69610
69611
 
69611
69612
  // src/lib/components/Meta/Meta.tsx
69612
69613
  import "react";
69613
- import { Fragment as Fragment16, jsx as jsx368, jsxs as jsxs294 } from "react/jsx-runtime";
69614
+ import { Fragment as Fragment15, jsx as jsx368, jsxs as jsxs294 } from "react/jsx-runtime";
69614
69615
  var Meta = ({
69615
69616
  children,
69616
69617
  title,
@@ -69634,7 +69635,7 @@ var Meta = ({
69634
69635
  appleTouchIcon,
69635
69636
  themeColor
69636
69637
  }) => {
69637
- return /* @__PURE__ */ jsxs294(Fragment16, { children: [
69638
+ return /* @__PURE__ */ jsxs294(Fragment15, { children: [
69638
69639
  /* @__PURE__ */ jsx368("meta", { charSet: "utf-8" }),
69639
69640
  /* @__PURE__ */ jsx368(
69640
69641
  "meta",
@@ -69643,29 +69644,29 @@ var Meta = ({
69643
69644
  content: "width=device-width, initial-scale=1"
69644
69645
  }
69645
69646
  ),
69646
- title && /* @__PURE__ */ jsxs294(Fragment16, { children: [
69647
+ title && /* @__PURE__ */ jsxs294(Fragment15, { children: [
69647
69648
  /* @__PURE__ */ jsx368("title", { children: title }),
69648
69649
  /* @__PURE__ */ jsx368("meta", { property: "og:title", content: title }),
69649
69650
  /* @__PURE__ */ jsx368("meta", { name: "twitter:title", content: title })
69650
69651
  ] }),
69651
- description && /* @__PURE__ */ jsxs294(Fragment16, { children: [
69652
+ description && /* @__PURE__ */ jsxs294(Fragment15, { children: [
69652
69653
  /* @__PURE__ */ jsx368("meta", { name: "description", content: description }),
69653
69654
  /* @__PURE__ */ jsx368("meta", { property: "og:description", content: description }),
69654
69655
  /* @__PURE__ */ jsx368("meta", { name: "twitter:description", content: description })
69655
69656
  ] }),
69656
- siteName && /* @__PURE__ */ jsxs294(Fragment16, { children: [
69657
+ siteName && /* @__PURE__ */ jsxs294(Fragment15, { children: [
69657
69658
  /* @__PURE__ */ jsx368("meta", { name: "application-name", content: siteName }),
69658
69659
  /* @__PURE__ */ jsx368("meta", { property: "og:site_name", content: siteName })
69659
69660
  ] }),
69660
- author && /* @__PURE__ */ jsxs294(Fragment16, { children: [
69661
+ author && /* @__PURE__ */ jsxs294(Fragment15, { children: [
69661
69662
  /* @__PURE__ */ jsx368("meta", { name: "author", content: author }),
69662
69663
  /* @__PURE__ */ jsx368("meta", { name: "twitter:creator", content: author })
69663
69664
  ] }),
69664
- url && /* @__PURE__ */ jsxs294(Fragment16, { children: [
69665
+ url && /* @__PURE__ */ jsxs294(Fragment15, { children: [
69665
69666
  /* @__PURE__ */ jsx368("meta", { property: "og:url", content: url }),
69666
69667
  /* @__PURE__ */ jsx368("meta", { name: "twitter:site", content: url })
69667
69668
  ] }),
69668
- cover && /* @__PURE__ */ jsxs294(Fragment16, { children: [
69669
+ cover && /* @__PURE__ */ jsxs294(Fragment15, { children: [
69669
69670
  /* @__PURE__ */ jsx368("meta", { property: "og:image", content: cover }),
69670
69671
  /* @__PURE__ */ jsx368("meta", { name: "twitter:image", content: cover })
69671
69672
  ] }),
@@ -69689,7 +69690,7 @@ var Meta = ({
69689
69690
 
69690
69691
  // src/lib/components/PageLayout/PageLayout.tsx
69691
69692
  import { isValidElement } from "react";
69692
- import { Fragment as Fragment17, jsx as jsx369, jsxs as jsxs295 } from "react/jsx-runtime";
69693
+ import { Fragment as Fragment16, jsx as jsx369, jsxs as jsxs295 } from "react/jsx-runtime";
69693
69694
  var PageLayout = ({
69694
69695
  children,
69695
69696
  meta,
@@ -69700,7 +69701,7 @@ var PageLayout = ({
69700
69701
  noWrapper,
69701
69702
  noMain
69702
69703
  }) => {
69703
- return /* @__PURE__ */ jsxs295(Fragment17, { children: [
69704
+ return /* @__PURE__ */ jsxs295(Fragment16, { children: [
69704
69705
  meta && /* @__PURE__ */ jsx369(Meta, { ...meta }),
69705
69706
  isValidElement(header) ? header : /* @__PURE__ */ jsx369(Header, { ...header }),
69706
69707
  !noWrapper ? /* @__PURE__ */ jsx369(Wrapper, { ...wrapperProps, children: !noMain ? /* @__PURE__ */ jsx369(Main, { ...mainProps, children }) : children }) : children,