@pelatform/ui 1.5.6 → 1.5.8

package/dist/components.cjs

@@ -1270,6 +1270,50 @@ function DotsPattern({
   );
 }
 
+// src/components/ui/hexagon-badge.tsx
+
+var HexagonBadge = ({ children, classNames }) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkCJXIPSTGcjs.cn.call(void 0, "relative shrink-0", _optionalChain([classNames, 'optionalAccess', _45 => _45.base])), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "svg",
+      {
+        className: _chunkCJXIPSTGcjs.cn.call(void 0, "h-full w-full", _optionalChain([classNames, 'optionalAccess', _46 => _46.svg])),
+        width: "44",
+        height: "48",
+        viewBox: "0 0 44 48",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M16 2.4641C19.7128 0.320509 24.2872 0.320508 28 2.4641L37.6506 8.0359C41.3634 10.1795 43.6506 14.141 43.6506 \n            18.4282V29.5718C43.6506 33.859 41.3634 37.8205 37.6506 39.9641L28 45.5359C24.2872 47.6795 19.7128 47.6795 16 45.5359L6.34937 \n            39.9641C2.63655 37.8205 0.349365 33.859 0.349365 29.5718V18.4282C0.349365 14.141 2.63655 10.1795 6.34937 8.0359L16 2.4641Z",
+              fill: ""
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M16.25 2.89711C19.8081 0.842838 24.1919 0.842837 27.75 2.89711L37.4006 8.46891C40.9587 10.5232 43.1506 14.3196 43.1506 \n            18.4282V29.5718C43.1506 33.6804 40.9587 37.4768 37.4006 39.5311L27.75 45.1029C24.1919 47.1572 19.8081 47.1572 16.25 45.1029L6.59937 \n            39.5311C3.04125 37.4768 0.849365 33.6803 0.849365 29.5718V18.4282C0.849365 14.3196 3.04125 10.5232 6.59937 8.46891L16.25 2.89711Z",
+              stroke: ""
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _chunkCJXIPSTGcjs.cn.call(void 0, 
+          "-translate-y-2/4 -translate-x-2/4 absolute start-2/4 top-2/4 leading-none rtl:translate-x-2/4",
+          _optionalChain([classNames, 'optionalAccess', _47 => _47.wraper])
+        ),
+        children
+      }
+    )
+  ] });
+};
+
 // src/components/ui/icons.tsx
 
 var Icons = {
@@ -1741,7 +1785,7 @@ var openFileDialog = (inputRef) => {
   inputRef.current.click();
 };
 var getAcceptTypeString = (acceptType, allowNonImageType) => {
-  if (_optionalChain([acceptType, 'optionalAccess', _45 => _45.length])) return acceptType.map((item) => `.${item}`).join(", ");
+  if (_optionalChain([acceptType, 'optionalAccess', _48 => _48.length])) return acceptType.map((item) => `.${item}`).join(", ");
   if (allowNonImageType) return "";
   return "image/*";
 };
@@ -1789,7 +1833,7 @@ var ImageInput = ({
   const [keyUpdate, setKeyUpdate] = _react.useState.call(void 0, DEFAULT_NULL_INDEX);
   const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
   const onImageRemoveAll = _react.useCallback.call(void 0, () => {
-    _optionalChain([onChange, 'optionalCall', _46 => _46([])]);
+    _optionalChain([onChange, 'optionalCall', _49 => _49([])]);
   }, [onChange]);
   const handleClickInput = _react.useCallback.call(void 0, () => {
     openFileDialog(inputRef);
@@ -1821,7 +1865,7 @@ var ImageInput = ({
       updatedFileList = [fileList[0]];
       updatedIndexes.push(0);
     }
-    _optionalChain([onChange, 'optionalCall', _47 => _47(updatedFileList, updatedIndexes)]);
+    _optionalChain([onChange, 'optionalCall', _50 => _50(updatedFileList, updatedIndexes)]);
   };
   const onImageRemove = (index) => {
     const updatedList = [...inValue];
@@ -1832,7 +1876,7 @@ var ImageInput = ({
     } else {
       updatedList.splice(index, 1);
     }
-    _optionalChain([onChange, 'optionalCall', _48 => _48(updatedList)]);
+    _optionalChain([onChange, 'optionalCall', _51 => _51(updatedList)]);
   };
   const onImageUpdate = (index) => {
     setKeyUpdate(index);
@@ -1882,7 +1926,7 @@ var ImageInput = ({
         ...inputProps
       }
     ),
-    _optionalChain([children, 'optionalCall', _49 => _49({
+    _optionalChain([children, 'optionalCall', _52 => _52({
       fileList: inValue,
       onImageUpload,
       onImageRemove,
@@ -1925,11 +1969,11 @@ function LanguageSwitcher({
   function handleLanguageChange(newLocale) {
     if (newLocale === currentLocale) return;
     startTransition(() => {
-      const maybePromise = _optionalChain([onLocaleChange, 'optionalCall', _50 => _50(newLocale)]);
+      const maybePromise = _optionalChain([onLocaleChange, 'optionalCall', _53 => _53(newLocale)]);
       return maybePromise;
     });
   }
-  if (!i18nEnabled && (_nullishCoalesce(_optionalChain([languages, 'optionalAccess', _51 => _51.length]), () => ( 0))) <= 1) {
+  if (!i18nEnabled && (_nullishCoalesce(_optionalChain([languages, 'optionalAccess', _54 => _54.length]), () => ( 0))) <= 1) {
     return null;
   }
   if (type === "dropdown") {
@@ -2092,20 +2136,20 @@ function ModeSwitcher({
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Monitor, {}),
         " ",
-        _nullishCoalesce(withLabel, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.system })))
+        withLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.system })
       ] });
     }
     if (theme === _chunkI46SELBAcjs.THEME_MODES.DARK) {
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Moon, {}),
         " ",
-        _nullishCoalesce(withLabel, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.dark })))
+        withLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.dark })
       ] });
     }
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Sun, {}),
       " ",
-      _nullishCoalesce(withLabel, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.light })))
+      withLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label.light })
     ] });
   };
   const isActive = (val) => theme === val;
@@ -2257,14 +2301,14 @@ var MovingBorder = ({
   const pathRef = _react.useRef.call(void 0, null);
   const progress = _react2.useMotionValue.call(void 0, 0);
   _react2.useAnimationFrame.call(void 0, (time) => {
-    const length = _optionalChain([pathRef, 'access', _52 => _52.current, 'optionalAccess', _53 => _53.getTotalLength, 'call', _54 => _54()]);
+    const length = _optionalChain([pathRef, 'access', _55 => _55.current, 'optionalAccess', _56 => _56.getTotalLength, 'call', _57 => _57()]);
     if (length) {
       const pxPerMillisecond = length / duration;
       progress.set(time * pxPerMillisecond % length);
     }
   });
-  const x = _react2.useTransform.call(void 0, progress, (val) => _optionalChain([pathRef, 'access', _55 => _55.current, 'optionalAccess', _56 => _56.getPointAtLength, 'call', _57 => _57(val), 'access', _58 => _58.x]));
-  const y = _react2.useTransform.call(void 0, progress, (val) => _optionalChain([pathRef, 'access', _59 => _59.current, 'optionalAccess', _60 => _60.getPointAtLength, 'call', _61 => _61(val), 'access', _62 => _62.y]));
+  const x = _react2.useTransform.call(void 0, progress, (val) => _optionalChain([pathRef, 'access', _58 => _58.current, 'optionalAccess', _59 => _59.getPointAtLength, 'call', _60 => _60(val), 'access', _61 => _61.x]));
+  const y = _react2.useTransform.call(void 0, progress, (val) => _optionalChain([pathRef, 'access', _62 => _62.current, 'optionalAccess', _63 => _63.getPointAtLength, 'call', _64 => _64(val), 'access', _65 => _65.y]));
   const transform = _react2.useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2670,4 +2714,5 @@ function SatoshiFontCSS() {
 
 
 
-exports.AlertComingsoon = AlertComingsoon; exports.AlertNotification = AlertNotification; exports.AlertToast = AlertToast; exports.Announcement = Announcement; exports.AnnouncementTag = AnnouncementTag; exports.AnnouncementTitle = AnnouncementTitle; exports.BackLink = BackLink; exports.BackgroundPaths = BackgroundPaths; exports.Body = Body; exports.Book = Book; exports.CodeDisplay = CodeDisplay; exports.ComingSoon = ComingSoon; exports.CommandMenu = CommandMenu; exports.ConfirmDismissDialog = ConfirmDismissDialog; exports.DEFAULT_DATA_URL_KEY = DEFAULT_DATA_URL_KEY; exports.DEFAULT_NULL_INDEX = DEFAULT_NULL_INDEX; exports.DefaultImage = DefaultImage; exports.DefaultLink = DefaultLink; exports.DefaultNavigate = DefaultNavigate; exports.DotsPattern = DotsPattern; exports.DownloadFile = DownloadFile; exports.ErrorComponents = ErrorComponents; exports.ExtraLink = ExtraLink; exports.FloatingPaths = FloatingPaths; exports.Grid = Grid; exports.GridBackground = GridBackground; exports.Icons = Icons; exports.ImageInput = ImageInput; exports.LanguageSwitcher = LanguageSwitcher; exports.LayoutAuth = LayoutAuth; exports.LayoutBlank = LayoutBlank; exports.Logo = Logo; exports.MainNav = MainNav; exports.MaxWidthWrapper = MaxWidthWrapper; exports.MobileNav = MobileNav; exports.MobileNavItemRenderer = MobileNavItemRenderer; exports.ModeSwitcher = ModeSwitcher; exports.MovingBorder = MovingBorder; exports.MovingLabel = MovingLabel; exports.QueryProvider = QueryProvider; exports.RecaptchaPopover = RecaptchaPopover; exports.SatoshiFontCSS = SatoshiFontCSS; exports.ScreenLoader = ScreenLoader; exports.Section = Section; exports.SiteFooter = SiteFooter; exports.SiteHeader = SiteHeader; exports.Stack = Stack; exports.Subscribe = Subscribe; exports.ThemeProvider = ThemeProvider; exports.Toolbar = Toolbar; exports.ToolbarActions = ToolbarActions; exports.ToolbarHeading = ToolbarHeading; exports.ToolbarTitle = ToolbarTitle; exports.UserAvatar = UserAvatar; exports.Video = Video; exports.Wrapper = Wrapper; exports.Youtube = Youtube; exports.cssFontFace = cssFontFace; exports.getAcceptTypeString = getAcceptTypeString; exports.getBase64 = getBase64; exports.getImage = getImage; exports.getInitials = getInitials; exports.getListFiles = getListFiles; exports.handleMenuClick = handleMenuClick; exports.openFileDialog = openFileDialog; exports.satoshiFontUrl = satoshiFontUrl;
+
+exports.AlertComingsoon = AlertComingsoon; exports.AlertNotification = AlertNotification; exports.AlertToast = AlertToast; exports.Announcement = Announcement; exports.AnnouncementTag = AnnouncementTag; exports.AnnouncementTitle = AnnouncementTitle; exports.BackLink = BackLink; exports.BackgroundPaths = BackgroundPaths; exports.Body = Body; exports.Book = Book; exports.CodeDisplay = CodeDisplay; exports.ComingSoon = ComingSoon; exports.CommandMenu = CommandMenu; exports.ConfirmDismissDialog = ConfirmDismissDialog; exports.DEFAULT_DATA_URL_KEY = DEFAULT_DATA_URL_KEY; exports.DEFAULT_NULL_INDEX = DEFAULT_NULL_INDEX; exports.DefaultImage = DefaultImage; exports.DefaultLink = DefaultLink; exports.DefaultNavigate = DefaultNavigate; exports.DotsPattern = DotsPattern; exports.DownloadFile = DownloadFile; exports.ErrorComponents = ErrorComponents; exports.ExtraLink = ExtraLink; exports.FloatingPaths = FloatingPaths; exports.Grid = Grid; exports.GridBackground = GridBackground; exports.HexagonBadge = HexagonBadge; exports.Icons = Icons; exports.ImageInput = ImageInput; exports.LanguageSwitcher = LanguageSwitcher; exports.LayoutAuth = LayoutAuth; exports.LayoutBlank = LayoutBlank; exports.Logo = Logo; exports.MainNav = MainNav; exports.MaxWidthWrapper = MaxWidthWrapper; exports.MobileNav = MobileNav; exports.MobileNavItemRenderer = MobileNavItemRenderer; exports.ModeSwitcher = ModeSwitcher; exports.MovingBorder = MovingBorder; exports.MovingLabel = MovingLabel; exports.QueryProvider = QueryProvider; exports.RecaptchaPopover = RecaptchaPopover; exports.SatoshiFontCSS = SatoshiFontCSS; exports.ScreenLoader = ScreenLoader; exports.Section = Section; exports.SiteFooter = SiteFooter; exports.SiteHeader = SiteHeader; exports.Stack = Stack; exports.Subscribe = Subscribe; exports.ThemeProvider = ThemeProvider; exports.Toolbar = Toolbar; exports.ToolbarActions = ToolbarActions; exports.ToolbarHeading = ToolbarHeading; exports.ToolbarTitle = ToolbarTitle; exports.UserAvatar = UserAvatar; exports.Video = Video; exports.Wrapper = Wrapper; exports.Youtube = Youtube; exports.cssFontFace = cssFontFace; exports.getAcceptTypeString = getAcceptTypeString; exports.getBase64 = getBase64; exports.getImage = getImage; exports.getInitials = getInitials; exports.getListFiles = getListFiles; exports.handleMenuClick = handleMenuClick; exports.openFileDialog = openFileDialog; exports.satoshiFontUrl = satoshiFontUrl;

package/dist/components.d.cts

@@ -1907,6 +1907,16 @@ interface GridBackgroundProps {
  */
 declare const GridBackground: FC<GridBackgroundProps>;
 
+interface HexagonBadgeProps {
+    children?: ReactNode;
+    classNames?: {
+        base?: string;
+        svg?: string;
+        wraper?: string;
+    };
+}
+declare const HexagonBadge: ({ children, classNames }: HexagonBadgeProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Props interface for icon components
  * Extends standard HTML SVG element attributes for full customization
@@ -2929,4 +2939,4 @@ interface RecaptchaPopoverProps {
  */
 declare function RecaptchaPopover({ open, onOpenChange, onVerify, trigger, verifyButtonText, }: RecaptchaPopoverProps): react_jsx_runtime.JSX.Element;
 
-export { AlertComingsoon, AlertNotification, AlertToast, type AlertToastOptions, Announcement, AnnouncementTag, AnnouncementTitle, BackLink, BackgroundPaths, Body, Book, CodeDisplay, ComingSoon, type ComingSoonProps, CommandMenu, type CommandMenuProps, ConfirmDismissDialog, type ConfirmDismissDialogProps, DEFAULT_DATA_URL_KEY, DEFAULT_NULL_INDEX, DefaultImage, DefaultLink, DefaultNavigate, DotsPattern, DownloadFile, ErrorComponents, type ErrorComponentsProps, ExtraLink, FloatingPaths, Grid, GridBackground, Icons, ImageInput, type ImageInputFile, type ImageInputFiles, type ImageInputProps, LanguageSwitcher, type LanguageSwitcherProps, LayoutAuth, LayoutBlank, type LayoutBlankProps, type LocaleOption, Logo, MainNav, MaxWidthWrapper, MobileNav, MobileNavItemRenderer, ModeSwitcher, type ModeSwitcherProps, MovingBorder, MovingLabel, type NavItem, type NavigationProps, QueryProvider, RecaptchaPopover, SatoshiFontCSS, ScreenLoader, type ScreenLoaderProps, Section, type SharedImage, type SharedLink, type SharedNavigate, SiteFooter, SiteHeader, Stack, Subscribe, type SubscribeProps, ThemeProvider, Toolbar, ToolbarActions, ToolbarHeading, ToolbarTitle, UserAvatar, Video, Wrapper, Youtube, cssFontFace, getAcceptTypeString, getBase64, getImage, getInitials, getListFiles, handleMenuClick, openFileDialog, satoshiFontUrl };
+export { AlertComingsoon, AlertNotification, AlertToast, type AlertToastOptions, Announcement, AnnouncementTag, AnnouncementTitle, BackLink, BackgroundPaths, Body, Book, CodeDisplay, ComingSoon, type ComingSoonProps, CommandMenu, type CommandMenuProps, ConfirmDismissDialog, type ConfirmDismissDialogProps, DEFAULT_DATA_URL_KEY, DEFAULT_NULL_INDEX, DefaultImage, DefaultLink, DefaultNavigate, DotsPattern, DownloadFile, ErrorComponents, type ErrorComponentsProps, ExtraLink, FloatingPaths, Grid, GridBackground, HexagonBadge, Icons, ImageInput, type ImageInputFile, type ImageInputFiles, type ImageInputProps, LanguageSwitcher, type LanguageSwitcherProps, LayoutAuth, LayoutBlank, type LayoutBlankProps, type LocaleOption, Logo, MainNav, MaxWidthWrapper, MobileNav, MobileNavItemRenderer, ModeSwitcher, type ModeSwitcherProps, MovingBorder, MovingLabel, type NavItem, type NavigationProps, QueryProvider, RecaptchaPopover, SatoshiFontCSS, ScreenLoader, type ScreenLoaderProps, Section, type SharedImage, type SharedLink, type SharedNavigate, SiteFooter, SiteHeader, Stack, Subscribe, type SubscribeProps, ThemeProvider, Toolbar, ToolbarActions, ToolbarHeading, ToolbarTitle, UserAvatar, Video, Wrapper, Youtube, cssFontFace, getAcceptTypeString, getBase64, getImage, getInitials, getListFiles, handleMenuClick, openFileDialog, satoshiFontUrl };

package/dist/components.d.ts

@@ -1907,6 +1907,16 @@ interface GridBackgroundProps {
  */
 declare const GridBackground: FC<GridBackgroundProps>;
 
+interface HexagonBadgeProps {
+    children?: ReactNode;
+    classNames?: {
+        base?: string;
+        svg?: string;
+        wraper?: string;
+    };
+}
+declare const HexagonBadge: ({ children, classNames }: HexagonBadgeProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Props interface for icon components
  * Extends standard HTML SVG element attributes for full customization
@@ -2929,4 +2939,4 @@ interface RecaptchaPopoverProps {
  */
 declare function RecaptchaPopover({ open, onOpenChange, onVerify, trigger, verifyButtonText, }: RecaptchaPopoverProps): react_jsx_runtime.JSX.Element;
 
-export { AlertComingsoon, AlertNotification, AlertToast, type AlertToastOptions, Announcement, AnnouncementTag, AnnouncementTitle, BackLink, BackgroundPaths, Body, Book, CodeDisplay, ComingSoon, type ComingSoonProps, CommandMenu, type CommandMenuProps, ConfirmDismissDialog, type ConfirmDismissDialogProps, DEFAULT_DATA_URL_KEY, DEFAULT_NULL_INDEX, DefaultImage, DefaultLink, DefaultNavigate, DotsPattern, DownloadFile, ErrorComponents, type ErrorComponentsProps, ExtraLink, FloatingPaths, Grid, GridBackground, Icons, ImageInput, type ImageInputFile, type ImageInputFiles, type ImageInputProps, LanguageSwitcher, type LanguageSwitcherProps, LayoutAuth, LayoutBlank, type LayoutBlankProps, type LocaleOption, Logo, MainNav, MaxWidthWrapper, MobileNav, MobileNavItemRenderer, ModeSwitcher, type ModeSwitcherProps, MovingBorder, MovingLabel, type NavItem, type NavigationProps, QueryProvider, RecaptchaPopover, SatoshiFontCSS, ScreenLoader, type ScreenLoaderProps, Section, type SharedImage, type SharedLink, type SharedNavigate, SiteFooter, SiteHeader, Stack, Subscribe, type SubscribeProps, ThemeProvider, Toolbar, ToolbarActions, ToolbarHeading, ToolbarTitle, UserAvatar, Video, Wrapper, Youtube, cssFontFace, getAcceptTypeString, getBase64, getImage, getInitials, getListFiles, handleMenuClick, openFileDialog, satoshiFontUrl };
+export { AlertComingsoon, AlertNotification, AlertToast, type AlertToastOptions, Announcement, AnnouncementTag, AnnouncementTitle, BackLink, BackgroundPaths, Body, Book, CodeDisplay, ComingSoon, type ComingSoonProps, CommandMenu, type CommandMenuProps, ConfirmDismissDialog, type ConfirmDismissDialogProps, DEFAULT_DATA_URL_KEY, DEFAULT_NULL_INDEX, DefaultImage, DefaultLink, DefaultNavigate, DotsPattern, DownloadFile, ErrorComponents, type ErrorComponentsProps, ExtraLink, FloatingPaths, Grid, GridBackground, HexagonBadge, Icons, ImageInput, type ImageInputFile, type ImageInputFiles, type ImageInputProps, LanguageSwitcher, type LanguageSwitcherProps, LayoutAuth, LayoutBlank, type LayoutBlankProps, type LocaleOption, Logo, MainNav, MaxWidthWrapper, MobileNav, MobileNavItemRenderer, ModeSwitcher, type ModeSwitcherProps, MovingBorder, MovingLabel, type NavItem, type NavigationProps, QueryProvider, RecaptchaPopover, SatoshiFontCSS, ScreenLoader, type ScreenLoaderProps, Section, type SharedImage, type SharedLink, type SharedNavigate, SiteFooter, SiteHeader, Stack, Subscribe, type SubscribeProps, ThemeProvider, Toolbar, ToolbarActions, ToolbarHeading, ToolbarTitle, UserAvatar, Video, Wrapper, Youtube, cssFontFace, getAcceptTypeString, getBase64, getImage, getInitials, getListFiles, handleMenuClick, openFileDialog, satoshiFontUrl };