highsoft-ui 1.0.131 → 1.0.133

package/dist/lib/components/RoadmapDetails/index.d.ts

@@ -5,6 +5,7 @@ export interface RoadmapDetailsItem {
 }
 export interface RoadmapDetailsAction {
     label: string;
+    variant?: 'neutral' | 'soft';
     onClick?: () => void;
     href?: string;
     icon?: ReactNode;
@@ -13,11 +14,11 @@ export interface RoadmapDetailsProps {
     title: string;
     items?: RoadmapDetailsItem[];
     primaryAction?: RoadmapDetailsAction;
-    secondaryAction?: RoadmapDetailsAction;
+    meta?: ReactNode;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     className?: string;
     style?: CSSProperties;
 }
-export declare function RoadmapDetails({ title, items, primaryAction, secondaryAction, open: openProp, defaultOpen, onOpenChange, className, style }: RoadmapDetailsProps): import("react/jsx-runtime").JSX.Element;
+export declare function RoadmapDetails({ title, items, primaryAction, meta, open: openProp, defaultOpen, onOpenChange, className, style }: RoadmapDetailsProps): import("react/jsx-runtime").JSX.Element;

package/dist/main.js

@@ -1,31 +1,31 @@
 import { c as e, d as t, r as n, s as r, u as i } from "./utils-BCI5dixg.js";
 import { t as a } from "./Box-Bi-n_ZxQ.js";
-import { t as o } from "./Button-BP0Qtl-y.js";
-import { t as s } from "./CopyCode-DV4tMvJJ.js";
+import { t as o } from "./Button-BWe-hGo0.js";
+import { t as s } from "./CopyCode-D6zuZ3nb.js";
 import { t as c } from "./Icon-Dwo9ZDNX.js";
 import { t as l } from "./Link-DGMiLJES.js";
 import { t as u } from "./ProductIcon-DjgAODwc.js";
-import { t as d } from "./ButtonGroup-QZcOfEOk.js";
+import { t as d } from "./ButtonGroup-CXgj-MxA.js";
 import { t as f } from "./InputSolo-DOZp13Mv.js";
-import { i as p, n as m, r as h, t as g } from "./InputGrouped-C4gOUDMt.js";
+import { i as p, n as m, r as h, t as g } from "./InputGrouped-qenKO8Jl.js";
 import { t as _ } from "./Container-mH6tG_kR.js";
 import { t as v } from "./DiscordInvite-CR7g5hay.js";
 import { t as y } from "./Heading-DvLlRFvQ.js";
 import { t as b } from "./Typography-Dw2_XzMu.js";
 import { t as x } from "./Logo-BRXxiQk8.js";
-import { t as S } from "./NewsletterSignup-ClRW0eNY.js";
-import { n as C, r as w, t as T } from "./Dropdown-CdyVsA2J.js";
-import { t as E } from "./PrefPanel-C52fIBvK.js";
-import { n as D, t as O } from "./Label-Cdeu77Zv.js";
-import { t as k } from "./Footer-CtbVnoXe.js";
+import { t as S } from "./NewsletterSignup-CQ16wS4l.js";
+import { n as C, r as w, t as T } from "./Dropdown-fBTRMHW7.js";
+import { t as E } from "./PrefPanel-Cf-9oKfS.js";
+import { n as D, t as O } from "./Label-DkJ9JjU6.js";
+import { t as k } from "./Footer-CLBv8yI9.js";
 import { n as A } from "./GPTInput-Cgu6_F53.js";
-import { t as j } from "./Notification-D37v6ajG.js";
-import { n as M, t as N } from "./Header-CrmaxbLK.js";
+import { t as j } from "./Notification-BDC_8mYw.js";
+import { n as M, t as N } from "./Header-DjRIOI5-.js";
 import { t as P } from "./Tabs-DanjfIHP.js";
 import { n as F, t as I } from "./RadioBox-B9rLrNTK.js";
-import { n as L, t as R } from "./Checkbox-XmV-ct6i.js";
+import { n as L, t as R } from "./Checkbox-Dgs_Bq30.js";
 import { Modal as z } from "./components/Modal/index.js";
-import { t as B } from "./RoadmapDetails-hMyd6BTO.js";
+import { t as B } from "./RoadmapDetails-8I0H8cJO.js";
 import { ModalContactFooter as V } from "./components/Modal/ModalContactFooter.js";
 import { ThemeLoader as H, themeLoaderScript as U } from "./components/ThemeLoader/index.js";
 export { a as Box, o as Button, d as ButtonGroup, R as Checkbox, L as CheckboxGroup, _ as Container, s as CopyCode, v as DiscordInvite, T as Dropdown, C as DropdownItem, w as DropdownSeparator, k as Footer, g as FormGroup, m as FormRow, A as GPTInput, N as Header, y as Heading, c as Icon, h as InputGrouped, f as InputSolo, O as Label, l as Link, x as Logo, z as Modal, V as ModalContactFooter, D as NewTag, S as NewsletterSignup, j as Notification, E as PrefPanel, u as ProductIcon, I as RadioBox, F as RadioBoxGroup, B as RoadmapDetails, p as SelectGrouped, M as SubHeader, P as Tabs, H as ThemeLoader, i as ThemeProvider, b as Typography, U as themeLoaderScript, n as useClipboard, t as useNextTheme, r as useSuccessFlash, e as useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.131",
+  "version": "1.0.133",
   "description": "Highsoft UI",
   "type": "module",
   "repository": {

package/dist/RoadmapDetails-hMyd6BTO.js

@@ -1,89 +0,0 @@
-import { t as e } from "./clsx-D7D_XZ_-.js";
-import { F as t, g as n, i as r } from "./esm-BZjXJo1W.js";
-import { t as i } from "./Button-BP0Qtl-y.js";
-import { t as a } from "./Typography-Dw2_XzMu.js";
-import { useEffect as o, useRef as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-var u = {
-	actions: "oRbWvq_actions",
-	chevron: "oRbWvq_chevron",
-	item: "oRbWvq_item",
-	itemIcon: "oRbWvq_itemIcon",
-	items: "oRbWvq_items",
-	itemText: "oRbWvq_itemText",
-	root: "oRbWvq_root",
-	summary: "oRbWvq_summary",
-	title: "oRbWvq_title"
-};
-//#endregion
-//#region lib/components/RoadmapDetails/index.tsx
-function d({ title: d, items: f, primaryAction: p, secondaryAction: m, open: h, defaultOpen: g = !1, onOpenChange: _, className: v, style: y }) {
-	let b = h !== void 0, x = s(null);
-	o(() => {
-		let e = x.current;
-		e && (e.open = b ? h : g);
-	}, []), o(() => {
-		if (!b) return;
-		let e = x.current;
-		!e || e.open === h || (e.open = h);
-	}, [b, h]);
-	let S = (e) => {
-		_?.(e.currentTarget.open);
-	}, C = (e, t) => {
-		let r = e.icon === null ? void 0 : e.icon === void 0 ? t === "neutral" ? /* @__PURE__ */ c(n, {}) : void 0 : e.icon;
-		return /* @__PURE__ */ c(i, {
-			variant: t,
-			size: 200,
-			href: e.href,
-			onClick: (t) => {
-				t.stopPropagation(), e.onClick?.();
-			},
-			iconLeft: r,
-			children: e.label
-		});
-	};
-	return /* @__PURE__ */ l("details", {
-		ref: x,
-		className: e("hsui-roadmap-details", u.root, v),
-		onToggle: S,
-		style: y,
-		children: [
-			/* @__PURE__ */ l("summary", {
-				className: u.summary,
-				children: [/* @__PURE__ */ c(a, {
-					as: "span",
-					size: 300,
-					weight: "medium",
-					className: u.title,
-					children: d
-				}), /* @__PURE__ */ c("span", {
-					className: u.chevron,
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ c(t, {})
-				})]
-			}),
-			f && f.length > 0 && /* @__PURE__ */ c("ul", {
-				className: u.items,
-				children: f.map((e, t) => /* @__PURE__ */ l("li", {
-					className: u.item,
-					children: [/* @__PURE__ */ c("span", {
-						className: u.itemIcon,
-						"aria-hidden": "true",
-						children: e.icon ?? /* @__PURE__ */ c(r, {})
-					}), /* @__PURE__ */ c(a, {
-						as: "span",
-						size: 200,
-						className: u.itemText,
-						children: e.text
-					})]
-				}, t))
-			}),
-			(p || m) && /* @__PURE__ */ l("div", {
-				className: u.actions,
-				children: [p && C(p, "neutral"), m && C(m, "plain")]
-			})
-		]
-	});
-}
-//#endregion
-export { d as t };