@lssm/lib.design-system 1.11.1 → 1.41.1

package/dist/components/molecules/SkeletonList/index.mobile.d.ts

@@ -1,10 +0,0 @@
-import { SkeletonListProps } from "./types.js";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
-
-//#region src/components/molecules/SkeletonList/index.mobile.d.ts
-declare function SkeletonList({
-  count,
-  className
-}: SkeletonListProps): react_jsx_runtime68.JSX.Element;
-//#endregion
-export { SkeletonList, SkeletonList as default };

package/dist/components/molecules/SkeletonList/index.mobile.js

@@ -1,22 +0,0 @@
-import { SkeletonBlock } from "../SkeletonBlock/index.web.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { View } from "react-native";
-
-//#region src/components/molecules/SkeletonList/index.mobile.tsx
-function SkeletonList({ count = 10, className }) {
-	return /* @__PURE__ */ jsx(View, {
-		className,
-		children: Array.from({ length: Math.max(1, count) }).map((_, i) => /* @__PURE__ */ jsx(View, {
-			className: "mb-2",
-			children: /* @__PURE__ */ jsx(SkeletonBlock, {
-				h: "h-5",
-				rounded: "md"
-			})
-		}, i))
-	});
-}
-var index_mobile_default = SkeletonList;
-
-//#endregion
-export { SkeletonList, index_mobile_default as default };

package/dist/components/molecules/SkeletonList/index.web.d.ts

@@ -1,10 +0,0 @@
-import { SkeletonListProps } from "./types.js";
-import * as react_jsx_runtime73 from "react/jsx-runtime";
-
-//#region src/components/molecules/SkeletonList/index.web.d.ts
-declare function SkeletonList({
-  count,
-  className
-}: SkeletonListProps): react_jsx_runtime73.JSX.Element;
-//#endregion
-export { SkeletonList, SkeletonList as default };

package/dist/components/molecules/SkeletonList/types.d.ts

@@ -1,7 +0,0 @@
-//#region src/components/molecules/SkeletonList/types.d.ts
-interface SkeletonListProps {
-  count?: number;
-  className?: string;
-}
-//#endregion
-export { SkeletonListProps };

package/dist/components/molecules/StatCard.d.ts

@@ -1,36 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime82 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import { Card } from "@lssm/lib.ui-kit-web/ui/card";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
-
-//#region src/components/molecules/StatCard.d.ts
-declare const statVariants: (props?: ({
-  emphasis?: "default" | "subtle" | "strong" | null | undefined;
-  density?: "compact" | "comfortable" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
-type StatCardProps = React$1.ComponentProps<typeof Card> & VariantProps<typeof statVariants> & {
-  label: React$1.ReactNode;
-  value: React$1.ReactNode;
-  hint?: React$1.ReactNode;
-  icon?: React$1.ReactNode;
-};
-declare function StatCard({
-  label,
-  value,
-  hint,
-  icon,
-  emphasis,
-  density,
-  className,
-  ...props
-}: StatCardProps): react_jsx_runtime82.JSX.Element;
-declare function StatCardGroup({
-  children,
-  className
-}: {
-  children: React$1.ReactNode;
-  className?: string;
-}): react_jsx_runtime82.JSX.Element;
-//#endregion
-export { StatCard, StatCardGroup, StatCardProps };

package/dist/components/molecules/StatusChip.d.ts

@@ -1,26 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
-
-//#region src/components/molecules/StatusChip.d.ts
-declare const chipVariants: (props?: ({
-  tone?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
-  size?: "sm" | "md" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
-type StatusChipProps = React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof chipVariants> & {
-  icon?: React$1.ReactNode;
-  label?: React$1.ReactNode;
-  hoverContent?: React$1.ReactNode;
-};
-declare function StatusChip({
-  tone,
-  size,
-  icon,
-  label,
-  className,
-  hoverContent,
-  ...props
-}: StatusChipProps): react_jsx_runtime37.JSX.Element;
-//#endregion
-export { StatusChip, StatusChipProps };

package/dist/components/molecules/hover-previews/Doc.d.ts

@@ -1,27 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime76 from "react/jsx-runtime";
-
-//#region src/components/molecules/hover-previews/Doc.d.ts
-interface HoverPreviewDocProps {
-  docType: string;
-  number?: string;
-  title?: React$1.ReactNode;
-  meta?: {
-    label: React$1.ReactNode;
-    value: React$1.ReactNode;
-  }[];
-  status?: React$1.ReactNode;
-  amount?: React$1.ReactNode;
-  className?: string;
-}
-declare function HoverPreviewDoc({
-  docType,
-  number,
-  title,
-  meta,
-  status,
-  amount,
-  className
-}: HoverPreviewDocProps): react_jsx_runtime76.JSX.Element;
-//#endregion
-export { HoverPreviewDoc, HoverPreviewDocProps };

package/dist/components/molecules/hover-previews/Media.d.ts

@@ -1,20 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime78 from "react/jsx-runtime";
-
-//#region src/components/molecules/hover-previews/Media.d.ts
-interface HoverPreviewMediaProps {
-  title?: React$1.ReactNode;
-  subtitle?: React$1.ReactNode;
-  media: React$1.ReactNode;
-  caption?: React$1.ReactNode;
-  className?: string;
-}
-declare function HoverPreviewMedia({
-  title,
-  subtitle,
-  media,
-  caption,
-  className
-}: HoverPreviewMediaProps): react_jsx_runtime78.JSX.Element;
-//#endregion
-export { HoverPreviewMedia, HoverPreviewMediaProps };

package/dist/components/molecules/hover-previews/Simple.d.ts

@@ -1,25 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
-
-//#region src/components/molecules/hover-previews/Simple.d.ts
-interface HoverPreviewLine {
-  icon?: React$1.ReactNode;
-  label?: React$1.ReactNode;
-  value: React$1.ReactNode;
-}
-interface HoverPreviewSimpleProps {
-  title: React$1.ReactNode;
-  subtitle?: React$1.ReactNode;
-  lines?: HoverPreviewLine[];
-  footer?: React$1.ReactNode;
-  className?: string;
-}
-declare function HoverPreviewSimple({
-  title,
-  subtitle,
-  lines,
-  footer,
-  className
-}: HoverPreviewSimpleProps): react_jsx_runtime35.JSX.Element;
-//#endregion
-export { HoverPreviewLine, HoverPreviewSimple, HoverPreviewSimpleProps };

package/dist/components/molecules/hover-previews/Stats.d.ts

@@ -1,22 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime85 from "react/jsx-runtime";
-
-//#region src/components/molecules/hover-previews/Stats.d.ts
-interface HoverPreviewStat {
-  label: React$1.ReactNode;
-  value: React$1.ReactNode;
-  hint?: React$1.ReactNode;
-}
-declare function HoverPreviewStats({
-  title,
-  stats,
-  footer,
-  className
-}: {
-  title?: React$1.ReactNode;
-  stats: HoverPreviewStat[];
-  footer?: React$1.ReactNode;
-  className?: string;
-}): react_jsx_runtime85.JSX.Element;
-//#endregion
-export { HoverPreviewStat, HoverPreviewStats };

package/dist/components/molecules/hover-previews/User.d.ts

@@ -1,25 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
-
-//#region src/components/molecules/hover-previews/User.d.ts
-interface HoverPreviewUserProps {
-  avatar?: React$1.ReactNode;
-  name: React$1.ReactNode;
-  email?: React$1.ReactNode;
-  meta?: {
-    label: React$1.ReactNode;
-    value: React$1.ReactNode;
-  }[];
-  actions?: React$1.ReactNode;
-  className?: string;
-}
-declare function HoverPreviewUser({
-  avatar,
-  name,
-  email,
-  meta,
-  actions,
-  className
-}: HoverPreviewUserProps): react_jsx_runtime89.JSX.Element;
-//#endregion
-export { HoverPreviewUser, HoverPreviewUserProps };

package/dist/components/native/BottomTabs.mobile.d.ts

@@ -1,20 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
-
-//#region src/components/native/BottomTabs.mobile.d.ts
-interface BottomTabItem {
-  key: string;
-  label: string;
-  icon?: React$1.ReactNode;
-  active?: boolean;
-  onPress: () => void;
-}
-declare function BottomTabs({
-  items,
-  className
-}: {
-  items: BottomTabItem[];
-  className?: string;
-}): react_jsx_runtime92.JSX.Element;
-//#endregion
-export { BottomTabItem, BottomTabs };

package/dist/components/native/BottomTabs.mobile.js

@@ -1,27 +0,0 @@
-'use client';
-
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
-import { Pressable, Text, View } from "react-native";
-
-//#region src/components/native/BottomTabs.mobile.tsx
-function BottomTabs({ items, className }) {
-	return /* @__PURE__ */ jsx(View, {
-		className: cn("bg-background flex flex-row items-stretch border-t", className),
-		children: items.map((it) => /* @__PURE__ */ jsxs(Pressable, {
-			className: cn("flex-1 items-center justify-center py-2", it.active ? "bg-muted" : void 0),
-			onPress: it.onPress,
-			accessibilityRole: "tab",
-			accessibilityState: { selected: !!it.active },
-			accessibilityLabel: it.label,
-			children: [it.icon, /* @__PURE__ */ jsx(Text, {
-				className: cn("mt-1 text-xs", it.active ? "text-foreground" : "text-muted-foreground"),
-				children: it.label
-			})]
-		}, it.key))
-	});
-}
-
-//#endregion
-export { BottomTabs };

package/dist/components/native/FlatListScreen.mobile.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-import * as react_jsx_runtime91 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import { FlatListProps } from "react-native";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
-
-//#region src/components/native/FlatListScreen.mobile.d.ts
-interface FlatListScreenProps<T> extends Omit<FlatListProps<T>, 'data' | 'renderItem'>, VariantProps<typeof containerVariants> {
-  data: T[];
-  renderItem: FlatListProps<T>['renderItem'];
-  header?: React.ReactNode;
-  className?: string;
-  contentClassName?: string;
-  edges?: ('top' | 'bottom' | 'left' | 'right')[];
-  showsVerticalScrollIndicator?: boolean;
-  keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';
-  onRefresh?: () => void;
-  refreshing?: boolean;
-  emptyComponent?: React.ReactNode;
-  emptyText?: string;
-}
-declare const containerVariants: (props?: ({
-  padding?: "sm" | "md" | "lg" | "none" | null | undefined;
-} & class_variance_authority_types11.ClassProp) | undefined) => string;
-declare function FlatListScreen<T>({
-  children,
-  data,
-  renderItem,
-  header,
-  className,
-  contentClassName,
-  edges,
-  showsVerticalScrollIndicator,
-  keyboardShouldPersistTaps,
-  onRefresh,
-  refreshing,
-  emptyComponent,
-  emptyText,
-  padding,
-  ...flatListProps
-}: FlatListScreenProps<T>): react_jsx_runtime91.JSX.Element;
-//#endregion
-export { FlatListScreen, FlatListScreenProps };

package/dist/components/native/FlatListScreen.mobile.js

@@ -1,63 +0,0 @@
-'use client';
-
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { FlatList, RefreshControl } from "react-native";
-import { VStack } from "@lssm/lib.ui-kit/ui/stack";
-import { Text as Text$1 } from "@lssm/lib.ui-kit/ui/text";
-import { SafeAreaView } from "react-native-safe-area-context";
-
-//#region src/components/native/FlatListScreen.mobile.tsx
-const containerVariants = cva("", {
-	variants: { padding: {
-		none: "",
-		sm: "px-3 py-3",
-		md: "px-4 py-4",
-		lg: "px-5 py-5"
-	} },
-	defaultVariants: { padding: "none" }
-});
-function FlatListScreen({ children, data, renderItem, header, className, contentClassName, edges = [
-	"top",
-	"left",
-	"right"
-], showsVerticalScrollIndicator = false, keyboardShouldPersistTaps = "handled", onRefresh, refreshing = false, emptyComponent, emptyText = "No items found", padding, ...flatListProps }) {
-	const renderEmptyComponent = () => {
-		if (emptyComponent) return emptyComponent;
-		return /* @__PURE__ */ jsx(VStack, {
-			align: "center",
-			justify: "center",
-			className: "py-20",
-			children: /* @__PURE__ */ jsx(Text$1, {
-				className: "text-muted-foreground text-center",
-				children: emptyText
-			})
-		});
-	};
-	return /* @__PURE__ */ jsxs(SafeAreaView, {
-		style: { flex: 1 },
-		edges,
-		children: [/* @__PURE__ */ jsx(FlatList, {
-			data,
-			renderItem,
-			keyExtractor: (item, index) => item?.id?.toString?.() || item?.key?.toString?.() || String(index),
-			showsVerticalScrollIndicator,
-			keyboardShouldPersistTaps,
-			ListHeaderComponent: header ? /* @__PURE__ */ jsx(VStack, {
-				className: [containerVariants({ padding }), contentClassName].filter(Boolean).join(" "),
-				children: header
-			}) : void 0,
-			ListEmptyComponent: renderEmptyComponent,
-			refreshing,
-			refreshControl: onRefresh ? /* @__PURE__ */ jsx(RefreshControl, {
-				refreshing,
-				onRefresh
-			}) : void 0,
-			...flatListProps
-		}), children]
-	});
-}
-
-//#endregion
-export { FlatListScreen };

package/dist/components/native/SheetMenu.mobile.d.ts

@@ -1,17 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
-
-//#region src/components/native/SheetMenu.mobile.d.ts
-declare function SheetMenu({
-  open,
-  onOpenChange,
-  title,
-  children
-}: {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  title?: string;
-  children: React$1.ReactNode;
-}): react_jsx_runtime93.JSX.Element;
-//#endregion
-export { SheetMenu };

package/dist/components/native/SheetMenu.mobile.js

@@ -1,21 +0,0 @@
-'use client';
-
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@lssm/lib.ui-kit-web/ui/dialog";
-import { Text, View } from "react-native";
-
-//#region src/components/native/SheetMenu.mobile.tsx
-function SheetMenu({ open, onOpenChange, title = "Menu", children }) {
-	return /* @__PURE__ */ jsxs(Dialog, {
-		open,
-		onOpenChange,
-		children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }), /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(View, {
-			className: "gap-2",
-			children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { children }) : children
-		}) })]
-	});
-}
-
-//#endregion
-export { SheetMenu };

package/dist/components/organisms/AcademyLayout.d.ts

@@ -1,29 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime95 from "react/jsx-runtime";
-
-//#region src/components/organisms/AcademyLayout.d.ts
-interface AcademyLayoutProps {
-  header: React$1.ReactNode;
-  toc?: React$1.ReactNode;
-  breadcrumb?: {
-    items: {
-      href?: string;
-      label: React$1.ReactNode;
-    }[];
-  };
-  children: React$1.ReactNode;
-  rightPanel?: React$1.ReactNode;
-  footer?: React$1.ReactNode;
-  className?: string;
-}
-declare function AcademyLayout({
-  header,
-  toc,
-  breadcrumb,
-  children,
-  rightPanel,
-  footer,
-  className
-}: AcademyLayoutProps): react_jsx_runtime95.JSX.Element;
-//#endregion
-export { AcademyLayout, AcademyLayoutProps };

package/dist/components/organisms/AppHeader.d.ts

@@ -1,18 +0,0 @@
-import { HeaderProps } from "./Header.js";
-import * as React$1 from "react";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
-
-//#region src/components/organisms/AppHeader.d.ts
-interface AppHeaderProps extends HeaderProps {
-  breadcrumb?: React$1.ReactNode;
-  toolbarRight?: React$1.ReactNode;
-  className?: string;
-}
-declare function AppHeader({
-  breadcrumb,
-  toolbarRight,
-  className,
-  ...props
-}: AppHeaderProps): react_jsx_runtime30.JSX.Element;
-//#endregion
-export { AppHeader, AppHeaderProps };

package/dist/components/organisms/AppHeader.mobile.d.ts

@@ -1,21 +0,0 @@
-import { BottomTabItem } from "../native/BottomTabs.mobile.js";
-import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/organisms/AppHeader.mobile.d.ts
-interface AppHeaderMobileProps {
-  logo?: React$1.ReactNode;
-  toolbarRight?: React$1.ReactNode;
-  className?: string;
-  menuContent?: React$1.ReactNode;
-  bottomTabs?: BottomTabItem[];
-}
-declare function AppHeader({
-  logo,
-  toolbarRight,
-  className,
-  menuContent,
-  bottomTabs
-}: AppHeaderMobileProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { AppHeader, AppHeaderMobileProps };

package/dist/components/organisms/AppHeader.mobile.js

@@ -1,52 +0,0 @@
-'use client';
-
-import { BottomTabs } from "../native/BottomTabs.mobile.js";
-import { SheetMenu } from "../native/SheetMenu.mobile.js";
-import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Pressable, Text, View } from "react-native";
-import { cn } from "@lssm/lib.ui-kit/ui/utils";
-
-//#region src/components/organisms/AppHeader.mobile.tsx
-function AppHeader({ logo, toolbarRight, className, menuContent, bottomTabs }) {
-	const [open, setOpen] = React$1.useState(false);
-	return /* @__PURE__ */ jsxs(View, {
-		className: cn("bg-background border-b", className),
-		children: [
-			/* @__PURE__ */ jsxs(View, {
-				className: "flex-row items-center justify-between px-3 py-2",
-				children: [
-					/* @__PURE__ */ jsx(Pressable, {
-						accessibilityLabel: "Open menu",
-						onPress: () => setOpen(true),
-						children: /* @__PURE__ */ jsx(Text, {
-							className: "text-lg",
-							children: "☰"
-						})
-					}),
-					/* @__PURE__ */ jsx(View, {
-						className: "px-2",
-						children: typeof logo === "string" ? /* @__PURE__ */ jsx(Text, {
-							className: "text-xl font-bold",
-							children: logo
-						}) : logo
-					}),
-					/* @__PURE__ */ jsx(View, {
-						className: "flex-row items-center gap-2",
-						children: toolbarRight
-					})
-				]
-			}),
-			bottomTabs && bottomTabs.length > 0 && /* @__PURE__ */ jsx(BottomTabs, { items: bottomTabs }),
-			/* @__PURE__ */ jsx(SheetMenu, {
-				open,
-				onOpenChange: setOpen,
-				title: "Menu",
-				children: menuContent
-			})
-		]
-	});
-}
-
-//#endregion
-export { AppHeader };

package/dist/components/organisms/AppLayout.d.ts

@@ -1,28 +0,0 @@
-import { AppSidebar } from "./AppSidebar.js";
-import * as React$1 from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
-
-//#region src/components/organisms/AppLayout.d.ts
-interface AppLayoutProps {
-  header: React$1.ReactNode;
-  sidebar?: React$1.ComponentProps<typeof AppSidebar>;
-  breadcrumb?: {
-    items: {
-      href?: string;
-      label: React$1.ReactNode;
-    }[];
-  };
-  children: React$1.ReactNode;
-  footer?: React$1.ReactNode;
-  className?: string;
-}
-declare function AppLayout({
-  header,
-  sidebar,
-  breadcrumb,
-  children,
-  footer,
-  className
-}: AppLayoutProps): react_jsx_runtime21.JSX.Element;
-//#endregion
-export { AppLayout, AppLayoutProps };

package/dist/components/organisms/AppSidebar.d.ts

@@ -1,23 +0,0 @@
-import { NavSection } from "../../types/navigation.js";
-import * as React$1 from "react";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
-
-//#region src/components/organisms/AppSidebar.d.ts
-interface AppSidebarProps {
-  sections: NavSection[];
-  top?: React$1.ReactNode;
-  bottom?: React$1.ReactNode;
-  searchPlaceholder?: string;
-  className?: string;
-  density?: 'compact' | 'comfortable';
-}
-declare function AppSidebar({
-  sections,
-  top,
-  bottom,
-  searchPlaceholder,
-  className,
-  density
-}: AppSidebarProps): react_jsx_runtime41.JSX.Element;
-//#endregion
-export { AppSidebar, AppSidebarProps };

package/dist/components/organisms/AppSidebar.mobile.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/components/organisms/EmptyDataList.d.ts

@@ -1,20 +0,0 @@
-import { EmptyDataListProps } from "./EmptyDataList.types.js";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
-
-//#region src/components/organisms/EmptyDataList.d.ts
-declare function EmptyDataList({
-  emptyListTitle,
-  emptyListDescription,
-  createButton,
-  secondaryButton,
-  media,
-  mediaVariant,
-  learnMoreHref,
-  learnMoreLabel,
-  learnMoreEndIcon,
-  onLearnMore,
-  handleLearnMore,
-  className
-}: EmptyDataListProps): react_jsx_runtime34.JSX.Element;
-//#endregion
-export { EmptyDataList };

package/dist/components/organisms/EmptyDataList.mobile.d.ts

@@ -1,20 +0,0 @@
-import { EmptyDataListProps } from "./EmptyDataList.types.js";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
-
-//#region src/components/organisms/EmptyDataList.mobile.d.ts
-declare function EmptyDataList({
-  emptyListTitle,
-  emptyListDescription,
-  createButton,
-  secondaryButton,
-  media,
-  mediaVariant,
-  learnMoreHref,
-  learnMoreLabel,
-  learnMoreEndIcon,
-  onLearnMore,
-  handleLearnMore,
-  className
-}: EmptyDataListProps): react_jsx_runtime33.JSX.Element;
-//#endregion
-export { EmptyDataList, EmptyDataList as default };