@plitzi/plitzi-ui 1.6.2

package/LICENSE

@@ -0,0 +1,74 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+   "License" shall mean the terms and conditions for use, reproduction,
+   and distribution as defined by Sections 1 through 9 of this document.
+
+   "Licensor" shall mean the copyright owner or entity authorized by
+   the copyright owner that is granting the License.
+
+   "Legal Entity" shall mean the union of the acting entity and all
+   other entities that control, are controlled by, or are under common
+   control with that entity.
+
+   "You" (or "Your") shall mean an individual or Legal Entity exercising
+   permissions granted by this License.
+
+   "Source" form shall mean the preferred form for making modifications.
+
+   "Object" form shall mean any form resulting from mechanical
+   transformation or translation of a Source form.
+
+2. Grant of Copyright License.
+
+   Subject to the terms and conditions of this License, each Contributor
+   hereby grants to You a perpetual, worldwide, non-exclusive,
+   no-charge, royalty-free, irrevocable copyright license to reproduce,
+   prepare Derivative Works of, publicly display, publicly perform,
+   sublicense, and distribute the Work and such Derivative Works.
+
+3. Grant of Patent License.
+
+   Subject to the terms and conditions of this License, each Contributor
+   hereby grants You a perpetual, worldwide, non-exclusive,
+   no-charge, royalty-free, irrevocable (except as stated in this section)
+   patent license to make, have made, use, offer to sell, sell, import,
+   and otherwise transfer the Work.
+
+4. Redistribution.
+
+   You may reproduce and distribute copies of the Work or Derivative Works
+   provided that you include a copy of this License and provide proper attribution.
+
+5. Submission of Contributions.
+
+   Unless explicitly stated otherwise, any Contribution intentionally submitted
+   shall be licensed under this License.
+
+6. Trademarks.
+
+   This License does not grant permission to use the trade names, trademarks,
+   service marks, or product names of the Licensor.
+
+7. Disclaimer of Warranty.
+
+   Unless required by applicable law or agreed to in writing, Licensor
+   provides the Work "AS IS" without warranties or conditions of any kind.
+
+8. Limitation of Liability.
+
+   In no event and under no legal theory shall the Licensor be liable for
+   damages arising from the use of the Work.
+
+9. Accepting Warranty or Additional Liability.
+
+   While redistributing the Work or Derivative Works, You may choose to
+   offer and charge a fee for acceptance of support, warranty, indemnity,
+   or other liability obligations.
+
+END OF TERMS AND CONDITIONS

package/README.md

@@ -0,0 +1 @@
+# plitzi-ui

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t as __exportAll };

package/dist/assets/scss/index.scss

@@ -0,0 +1,13 @@
+@use '@components/CodeMirror/Assets' as codeMirror;
+@use '@components/Markdown/Assets' as markdown;
+@use '@components/Modal/Assets' as modal;
+@use '@components/Toast/Assets' as toast;
+
+@import '../index.css';
+
+@layer components {
+  @include codeMirror.styles;
+  @include markdown.styles;
+  @include modal.styles;
+  @include toast.styles;
+}

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,22 @@
+import { variantKeys, default as AccordionStyles } from './Accordion.styles';
+import { variantKeys as variantKeysFlex } from '../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode } from 'react';
+export type AccordionProps = {
+    children?: ReactNode;
+    multi?: boolean;
+    alwaysOpen?: boolean;
+    defaultValue?: string[];
+    value?: string[];
+    testId?: string;
+    onChange?: (expanded: string[]) => void;
+} & useThemeSharedProps<typeof AccordionStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const Accordion: {
+    ({ className, children, defaultValue, multi, alwaysOpen, testId, intent, direction, wrap, items: flexItems, justify, gap, grow, size, onChange }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    Item: {
+        ({ className, id: idProp, children, testId: testIdProp, isOpen: isOpenProp, resizable: resizableProp, minSize, maxSize, intent: intentProp, direction, wrap, items, justify, gap, grow, shrink, basis, size: sizeProp, onClick }: import('./components/AccordionItem').AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+        Header: ({ className, title, isOpen, isError, isWarning, iconCollapsed, iconExpanded, testId, children, intent, direction, wrap, items, justify, gap, grow, basis, size, onClick }: import('./components/AccordionItem/ItemHeader').ItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+        Content: ({ className, children, testId, grow }: import('./components/AccordionItem/ItemContent').ItemContentProps) => import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default Accordion;

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,57 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import n from "./AccordionContext.js";
+import r from "./components/AccordionItem/index.js";
+import i from "./helpers/AccordionManager.js";
+import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/Accordion/Accordion.tsx
+var u = ({ className: r, children: u, defaultValue: d, multi: f = !1, alwaysOpen: p = !0, testId: m = "", intent: h, direction: g = "column", wrap: _, items: v, justify: y, gap: b = 0, grow: x, size: S, onChange: C }) => {
+	r = e("Accordion", {
+		componentKey: "root",
+		className: r,
+		variants: {
+			intent: h,
+			size: S
+		}
+	});
+	let [w, T] = c(!1), [, E] = c(0), D = s(null), O = o(() => new i(D, {
+		multi: f,
+		alwaysOpen: p,
+		defaultActive: d
+	}), [p, f]), k = s(C);
+	k.current = C, a(() => (T(!0), O.onUpdate((e) => {
+		E(e), k.current?.(O.get().filter((e) => e.active).map((e) => e.id));
+	})), [O]);
+	let A = o(() => ({
+		accordionManager: O,
+		intent: h,
+		size: S,
+		resizable: O.get().length > 1,
+		testId: m
+	}), [
+		O,
+		h,
+		S,
+		m,
+		O.lastUpdate
+	]);
+	return /* @__PURE__ */ l(t, {
+		ref: D,
+		testId: m ? `${m}-accordion` : void 0,
+		className: r,
+		direction: g,
+		wrap: _,
+		items: v,
+		justify: y,
+		gap: b,
+		grow: O.getActives().length > 0 ? x : !1,
+		children: w && /* @__PURE__ */ l(n, {
+			value: A,
+			children: u
+		})
+	});
+};
+u.Item = r;
+//#endregion
+export { u as default };

package/dist/components/Accordion/Accordion.styles.d.ts

@@ -0,0 +1,24 @@
+export declare const variantKeys: {
+    readonly intent: readonly ["default"];
+    readonly grow: readonly [true, false];
+    readonly size: readonly ["xs", "md", "sm", "lg", "custom"];
+};
+export declare const STYLES_COMPONENT_NAME = "Accordion";
+declare const _default: {
+    root: (props?: ({
+        intent?: "default" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    item: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    itemHeader: (props?: ({
+        size?: "xs" | "md" | "sm" | "lg" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    itemHeaderSlot: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    itemHeaderIcon: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    itemHeaderIconError: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    itemHeaderIconWarning: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    itemContent: (props?: ({
+        grow?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    itemDivider: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+};
+export default _default;

package/dist/components/Accordion/Accordion.styles.js

@@ -0,0 +1,35 @@
+import { cva as e } from "class-variance-authority";
+var t = {
+	root: e("overflow-auto", {
+		variants: { intent: { default: [] } },
+		compoundVariants: [],
+		defaultVariants: { intent: "default" }
+	}),
+	item: e("border-b border-gray-100 dark:border-zinc-800 last:border-b-0"),
+	itemHeader: e("flex items-center justify-between font-semibold cursor-pointer select-none transition-colors duration-150 hover:bg-gray-50 dark:hover:bg-zinc-800/60 text-zinc-800 dark:text-zinc-200", {
+		variants: { size: {
+			xs: "px-2 py-1 text-xs h-7",
+			sm: "px-2.5 py-1.5 text-sm h-8",
+			md: "px-3 py-2 text-sm h-10",
+			lg: "px-3 py-2.5 text-base h-12",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "lg" }
+	}),
+	itemHeaderSlot: e("min-w-0 truncate"),
+	itemHeaderIcon: e("flex items-center justify-center w-4 h-4 shrink-0 text-zinc-400 dark:text-zinc-500 transition-transform duration-150"),
+	itemHeaderIconError: e("flex items-center justify-center text-red-500 dark:text-red-400"),
+	itemHeaderIconWarning: e("flex items-center justify-center text-orange-500 dark:text-orange-400"),
+	itemContent: e("flex", {
+		variants: { grow: {
+			true: "overflow-auto basis-0 grow",
+			false: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { grow: !0 }
+	}),
+	itemDivider: e("h-1 bg-primary-400 cursor-row-resize w-full opacity-0 hover:opacity-100 transition-opacity duration-200 translate-y-1/2")
+};
+//#endregion
+export { t as default };

package/dist/components/Accordion/AccordionContext.d.ts

@@ -0,0 +1,12 @@
+import { variantKeys } from './Accordion.styles';
+import { default as AccordionManager } from './helpers/AccordionManager';
+type ThemeAccordion = typeof variantKeys;
+export type AccordionContextValue = {
+    accordionManager: InstanceType<typeof AccordionManager>;
+    intent?: ThemeAccordion['intent'][number];
+    size?: ThemeAccordion['size'][number];
+    resizable: boolean;
+    testId?: string;
+};
+declare const AccordionContext: import('react').Context<AccordionContextValue | undefined>;
+export default AccordionContext;

package/dist/components/Accordion/AccordionContext.js

@@ -0,0 +1,6 @@
+import { createContext as e } from "react";
+//#region src/components/Accordion/AccordionContext.ts
+var t = e(void 0);
+t.displayName = "AccordionContext";
+//#endregion
+export { t as default };

package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,22 @@
+import { ItemContentProps } from './ItemContent';
+import { ItemHeaderProps } from './ItemHeader';
+import { variantKeys, default as AccordionStyles } from '../../Accordion.styles';
+import { variantKeys as variantKeysFlex } from '../../../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../../../hooks/useTheme';
+import { MouseEvent, ReactNode } from 'react';
+export type AccordionItemProps = {
+    children?: ReactNode;
+    id?: string;
+    isOpen?: boolean;
+    resizable?: boolean;
+    minSize?: number;
+    maxSize?: number;
+    testId?: string;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+} & useThemeSharedProps<typeof AccordionStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const AccordionItem: {
+    ({ className, id: idProp, children, testId: testIdProp, isOpen: isOpenProp, resizable: resizableProp, minSize, maxSize, intent: intentProp, direction, wrap, items, justify, gap, grow, shrink, basis, size: sizeProp, onClick }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    Header: ({ className, title, isOpen, isError, isWarning, iconCollapsed, iconExpanded, testId, children, intent, direction, wrap, items, justify, gap, grow, basis, size, onClick }: ItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ className, children, testId, grow }: ItemContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default AccordionItem;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -0,0 +1,103 @@
+import e from "../../../../hooks/useTheme/index.js";
+import t from "../../../Flex/index.js";
+import n from "./ItemContent.js";
+import r from "./ItemHeader.js";
+import i from "../../hooks/useAccordion.js";
+import { Children as a, cloneElement as o, isValidElement as s, useCallback as c, useEffect as l, useId as u, useMemo as d, useRef as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/Accordion/components/AccordionItem/AccordionItem.tsx
+var h = ({ className: h, id: g, children: _, testId: v = "", isOpen: y, resizable: b = !0, minSize: x, maxSize: S, intent: C, direction: w = "column", wrap: T, items: E, justify: D, gap: O = 0, grow: k, shrink: A = 1, basis: j = 0, size: M, onClick: N }) => {
+	let P = u(), F = g || `accordion-item-${P}`, I = f(void 0), { accordionManager: L, intent: R, size: z, testId: B } = i(), V = v || B, H = e("Accordion", {
+		componentKey: ["item", "itemDivider"],
+		className: h,
+		variants: {
+			intent: C ?? R,
+			size: M ?? z
+		}
+	});
+	l(() => (L.register(F, I, {
+		minSize: x,
+		maxSize: S
+	}), () => L.unregister(F)), [
+		L,
+		F,
+		S,
+		x
+	]);
+	let U = y === void 0 ? L.isOpen(F) : y, W = c((e) => {
+		N?.(e), L.toggle(F);
+	}, [
+		N,
+		L,
+		F
+	]), { header: G, content: K } = d(() => {
+		let e = {
+			header: void 0,
+			content: void 0
+		};
+		return a.forEach(_, (t) => {
+			if (s(t)) {
+				if (t.type === r) {
+					let n = t.props;
+					e.header = o(t, {
+						intent: R,
+						size: z,
+						isOpen: U,
+						...n,
+						testId: V ? `${V}-${F}` : void 0,
+						onClick: W
+					});
+				} else if (t.type === n) {
+					let n = t.props;
+					e.content = o(t, {
+						intent: R,
+						size: z,
+						grow: k ?? U,
+						...n,
+						testId: V ? `${V}-${F}` : void 0
+					});
+				}
+			}
+		}), e;
+	}, [
+		_,
+		R,
+		z,
+		U,
+		V,
+		F,
+		W,
+		k
+	]), q = d(() => b && U && L.canResize(F), [
+		F,
+		U,
+		L.lastUpdateActive,
+		L,
+		b
+	]);
+	return /* @__PURE__ */ m(t, {
+		ref: I,
+		"aria-expanded": U,
+		testId: V ? `${V}-${F}-accordion-item` : void 0,
+		className: H.item,
+		direction: w,
+		wrap: T,
+		items: E,
+		justify: D,
+		gap: O,
+		shrink: A,
+		basis: j,
+		grow: U,
+		children: [
+			G,
+			U && K,
+			q && /* @__PURE__ */ p("div", {
+				className: H.itemDivider,
+				onMouseDown: L.onResizeStart(F)
+			})
+		]
+	});
+};
+h.Header = r, h.Content = n;
+//#endregion
+export { h as default };

package/dist/components/Accordion/components/AccordionItem/ItemContent.d.ts

@@ -0,0 +1,10 @@
+import { variantKeys, default as AccordionStyles } from '../../Accordion.styles';
+import { useThemeSharedProps } from '../../../../hooks/useTheme';
+import { ReactNode } from 'react';
+export type ItemContentProps = {
+    children?: ReactNode;
+    testId?: string;
+    onClick?: () => void;
+} & useThemeSharedProps<typeof AccordionStyles, typeof variantKeys>;
+declare const ItemContent: ({ className, children, testId, grow }: ItemContentProps) => import("react/jsx-runtime").JSX.Element;
+export default ItemContent;

package/dist/components/Accordion/components/AccordionItem/ItemContent.js

@@ -0,0 +1,14 @@
+import e from "../../../../hooks/useTheme/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Accordion/components/AccordionItem/ItemContent.tsx
+var n = ({ className: n, children: r, testId: i = "", grow: a }) => (n = e("Accordion", {
+	componentKey: "itemContent",
+	className: n,
+	variants: { grow: a }
+}), /* @__PURE__ */ t("div", {
+	"data-testid": i ? `${i}accordion-item-content` : void 0,
+	className: n,
+	children: r
+}));
+//#endregion
+export { n as default };

package/dist/components/Accordion/components/AccordionItem/ItemHeader.d.ts

@@ -0,0 +1,17 @@
+import { variantKeys, default as AccordionStyles } from '../../Accordion.styles';
+import { variantKeys as variantKeysFlex } from '../../../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../../../hooks/useTheme';
+import { MouseEvent, ReactNode } from 'react';
+export type ItemHeaderProps = {
+    children?: ReactNode;
+    title?: ReactNode;
+    isOpen?: boolean;
+    isError?: boolean;
+    isWarning?: boolean;
+    testId?: string;
+    iconCollapsed?: ReactNode;
+    iconExpanded?: ReactNode;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+} & useThemeSharedProps<typeof AccordionStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const ItemHeader: ({ className, title, isOpen, isError, isWarning, iconCollapsed, iconExpanded, testId, children, intent, direction, wrap, items, justify, gap, grow, basis, size, onClick }: ItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default ItemHeader;

package/dist/components/Accordion/components/AccordionItem/ItemHeader.js

@@ -0,0 +1,72 @@
+import e from "../../../../hooks/useTheme/index.js";
+import t from "../../../Flex/index.js";
+import n from "../../../Icon/index.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "clsx";
+//#region src/components/Accordion/components/AccordionItem/ItemHeader.tsx
+var o = /* @__PURE__ */ r(n, {
+	icon: "fa-solid fa-chevron-right",
+	intent: "custom"
+}), s = /* @__PURE__ */ r(n, {
+	icon: "fa-solid fa-chevron-down",
+	intent: "custom"
+}), c = ({ className: c, title: l = "Accordion Item Title", isOpen: u = !1, isError: d = !1, isWarning: f = !1, iconCollapsed: p = o, iconExpanded: m = s, testId: h = "", children: g, intent: _, direction: v = "row", wrap: y, items: b = "center", justify: x = "between", gap: S = 4, grow: C = !1, basis: w = 0, size: T, onClick: E }) => {
+	let D = e("Accordion", {
+		componentKey: [
+			"itemHeader",
+			"itemHeaderIcon",
+			"itemHeaderIconError",
+			"itemHeaderSlot",
+			"itemHeaderIconWarning"
+		],
+		className: c,
+		variants: {
+			intent: _,
+			size: T
+		}
+	});
+	return /* @__PURE__ */ i(t, {
+		testId: h ? `${h}-accordion-item-header` : void 0,
+		className: D.itemHeader,
+		direction: v,
+		wrap: y,
+		items: b,
+		justify: x,
+		gap: S,
+		basis: w,
+		grow: C,
+		onClick: E,
+		draggable: !1,
+		children: [/* @__PURE__ */ i("div", {
+			className: a("flex items-center gap-4", { "flex-row-reverse": v === "row-reverse" }),
+			children: [p && m && /* @__PURE__ */ i("div", {
+				className: D.itemHeaderIcon,
+				children: [!u && p, u && m]
+			}), l]
+		}), /* @__PURE__ */ i(t, {
+			items: "center",
+			gap: 2,
+			direction: v,
+			className: D.itemHeaderSlot,
+			children: [
+				d && /* @__PURE__ */ r("div", {
+					className: D.itemHeaderIconError,
+					children: /* @__PURE__ */ r(n, {
+						intent: "custom",
+						icon: "fa-solid fa-triangle-exclamation"
+					})
+				}),
+				f && /* @__PURE__ */ r("div", {
+					className: D.itemHeaderIconWarning,
+					children: /* @__PURE__ */ r(n, {
+						intent: "custom",
+						icon: "fa-solid fa-triangle-exclamation"
+					})
+				}),
+				g
+			]
+		})]
+	});
+};
+//#endregion
+export { c as default };

package/dist/components/Accordion/components/AccordionItem/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AccordionItem } from './AccordionItem';
+export * from './AccordionItem';
+export default AccordionItem;

package/dist/components/Accordion/components/AccordionItem/index.js

@@ -0,0 +1,5 @@
+import e from "./AccordionItem.js";
+//#region src/components/Accordion/components/AccordionItem/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/Accordion/helpers/AccordionManager.d.ts

@@ -0,0 +1,49 @@
+import { RefObject } from 'react';
+type Panel = {
+    id: string;
+    ref: RefObject<HTMLElement | null>;
+    active: boolean;
+    hasManualSize: boolean;
+    minSize: number;
+    maxSize?: number;
+};
+type AccordionUpdateListener = (timestamp: number) => void;
+export type AccordionManagerOptions = {
+    multi?: boolean;
+    defaultActive?: string[];
+    alwaysOpen?: boolean;
+};
+declare class AccordionManager {
+    private containerRef;
+    private panels;
+    private dragging;
+    private settings;
+    lastUpdate: number;
+    lastUpdateActive: number;
+    private listeners;
+    private draggingData;
+    constructor(containerRef: RefObject<HTMLElement | null>, options?: AccordionManagerOptions);
+    resyncLayout(): void;
+    register(id: string, ref: RefObject<HTMLElement | null>, settings?: {
+        minSize?: number;
+        maxSize?: number;
+    }): void;
+    unregister(id: string): void;
+    get(): Panel[];
+    get(id: string): Panel | undefined;
+    getActives(): Panel[];
+    getIndex(id: string): number;
+    isOpen(id: string): boolean;
+    toggle(id: string): void;
+    canResize(id: string): boolean | Panel | undefined;
+    onResizeStart: (id: string) => (e: React.MouseEvent) => void;
+    private onMouseMove;
+    private onMouseUp;
+    private startDragging;
+    private stopDragging;
+    private sortPanels;
+    private updateDOMStyles;
+    onUpdate(listener: AccordionUpdateListener): () => void;
+    private touch;
+}
+export default AccordionManager;