@hydralms/components 0.1.3 → 0.3.0

package/dist/ui/alert.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+    variant?: "info" | "warning" | "default" | "destructive" | "success" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | "info" | "outline" | "secondary" | "muted" | null | undefined;
+    variant?: "info" | "warning" | "default" | "destructive" | "success" | "muted" | "outline" | "secondary" | "palette0" | "palette1" | "palette2" | "palette3" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/ui/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/dist/ui/drawer.d.ts

@@ -0,0 +1,84 @@
+import * as React from "react";
+declare const drawerContentVariants: (props?: ({
+    side?: "left" | "right" | null | undefined;
+    size?: "default" | "full" | "sm" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * A slide-in side panel for contextual content like navigation, settings, or detail views.
+ *
+ * @example
+ * ```tsx
+ * <Drawer open={open} onOpenChange={setOpen} side="right">
+ *   <DrawerContent>
+ *     <DrawerHeader><DrawerTitle>Panel</DrawerTitle></DrawerHeader>
+ *     <DrawerBody>Content</DrawerBody>
+ *   </DrawerContent>
+ * </Drawer>
+ * ```
+ */
+interface DrawerProps {
+    /** Compound component children (DrawerContent, DrawerTrigger, etc.) */
+    children: React.ReactNode;
+    /** Whether the drawer is open. */
+    open: boolean;
+    /** Callback fired when the drawer should open or close. */
+    onOpenChange: (open: boolean) => void;
+    /** Which edge of the viewport the drawer slides in from. */
+    side?: "left" | "right";
+}
+declare function Drawer({ children, open, onOpenChange, side }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ className, onClick, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ children }: {
+    children: React.ReactNode;
+}): React.ReactPortal;
+declare function DrawerBackdrop({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+interface DrawerContentProps extends Omit<React.ComponentProps<"div">, "size"> {
+    /** Width preset for the drawer panel. */
+    size?: "sm" | "default" | "lg" | "xl" | "full";
+    /** Whether to lock body scroll when the drawer is open. */
+    scrollLock?: boolean;
+}
+declare function DrawerContent({ className, children, size, scrollLock: scrollLockProp, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerBody({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ className, children, onClick, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
+/**
+ * A vertical icon rail for switching between views inside a Drawer.
+ * Provides controlled navigation state to DrawerNavItem children.
+ *
+ * @example
+ * ```tsx
+ * <DrawerNav value={activeView} onValueChange={setActiveView}>
+ *   <DrawerNavItem value="notes" icon={<FileText />} label="Notes" />
+ *   <DrawerNavItem value="bookmarks" icon={<Bookmark />} label="Bookmarks" />
+ * </DrawerNav>
+ * ```
+ */
+interface DrawerNavProps extends React.ComponentProps<"nav"> {
+    /** The value of the currently active nav item. */
+    value: string;
+    /** Callback fired when the active nav item changes. */
+    onValueChange: (value: string) => void;
+}
+declare function DrawerNav({ value, onValueChange, className, children, ...props }: DrawerNavProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * An icon button inside a DrawerNav rail. Renders a tooltip on hover.
+ */
+interface DrawerNavItemProps extends Omit<React.ComponentProps<"button">, "value"> {
+    /** Unique value identifying this view. Must match a DrawerViewport's conditional content. */
+    value: string;
+    /** Icon element to render (e.g., `<FileText />`). */
+    icon: React.ReactNode;
+    /** Accessible label shown in the tooltip. */
+    label: string;
+}
+declare function DrawerNavItem({ value, icon, label, className, ...props }: DrawerNavItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Content panel paired with a DrawerNav rail. Wraps header/body/footer in the
+ * remaining space beside the icon rail.
+ */
+declare function DrawerViewport({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerContent, DrawerHeader, DrawerBody, DrawerFooter, DrawerTitle, DrawerDescription, DrawerClose, DrawerNav, DrawerNavItem, DrawerViewport, drawerContentVariants, };

package/dist/ui/index.d.ts

@@ -6,6 +6,7 @@ export { Alert, AlertTitle, AlertDescription, alertVariants } from './alert';
 export { Separator } from './separator';
 export { AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogBackdrop, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './alert-dialog';
 export { Avatar, AvatarImage, AvatarFallback } from './avatar';
+export { Drawer, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerContent, DrawerHeader, DrawerBody, DrawerFooter, DrawerTitle, DrawerDescription, DrawerClose, DrawerNav, DrawerNavItem, DrawerViewport, drawerContentVariants, } from './drawer';
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './card';
 export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
 export { Progress, progressVariants } from './progress';
@@ -13,3 +14,7 @@ export type { ProgressProps } from './progress';
 export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, } from './table';
 export { Skeleton } from './skeleton';
 export { Tooltip, TooltipTrigger, TooltipContent } from './tooltip';
+export { RichTextEditor } from './rich-text-editor';
+export type { RichTextEditorProps, RichTextEditorVariant } from './rich-text-editor';
+export { ToastProvider, Toaster, useToast, toastVariants } from './toast';
+export type { ToastOptions, ToastVariant } from './toast';

package/dist/ui/progress.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const progressVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "info" | null | undefined;
+    variant?: "info" | "warning" | "default" | "success" | "palette0" | "palette1" | "palette2" | "palette3" | null | undefined;
     size?: "default" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ProgressProps extends Omit<React.ComponentProps<"div">, "children">, VariantProps<typeof progressVariants> {

package/dist/ui/rich-text-editor.d.ts

@@ -0,0 +1,32 @@
+export type RichTextEditorVariant = "default" | "minimal";
+export interface RichTextEditorProps {
+    /** HTML string value */
+    value?: string;
+    /** Called with the HTML string on every content change */
+    onChange?: (html: string) => void;
+    /** Placeholder text shown when the editor is empty */
+    placeholder?: string;
+    /** Makes the editor non-editable (shows content without toolbar) */
+    readOnly?: boolean;
+    /** Visually disables the editor */
+    disabled?: boolean;
+    /** `"default"` shows full toolbar; `"minimal"` shows only basic formatting */
+    variant?: RichTextEditorVariant;
+    /** Accessible label for screen readers (defaults to "Rich text editor") */
+    ariaLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * RichTextEditor wraps Tiptap to provide a rich text editing experience
+ * styled to match the HydraLMS design system.
+ *
+ * @example
+ * <RichTextEditor
+ *   value={html}
+ *   onChange={setHtml}
+ *   placeholder="Write your response..."
+ *   variant="default"
+ * />
+ */
+export declare function RichTextEditor({ value, onChange, placeholder, readOnly, disabled, variant, ariaLabel, className, style, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/rich-text-toolbar.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/react';
+type RichTextToolbarVariant = "default" | "minimal";
+interface RichTextToolbarProps {
+    editor: Editor;
+    variant?: RichTextToolbarVariant;
+}
+export declare function RichTextToolbar({ editor, variant, }: RichTextToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/toast.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+declare const toastVariants: (props?: ({
+    variant?: "info" | "warning" | "success" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type ToastVariant = "success" | "error" | "warning" | "info";
+/** Options for creating a toast notification. */
+interface ToastOptions {
+    /** Toast message */
+    message: string;
+    /** Optional title */
+    title?: string;
+    /** Visual variant */
+    variant?: ToastVariant;
+    /** Auto-dismiss duration in ms (default 5000, 0 = no auto-dismiss) */
+    duration?: number;
+}
+interface ToastContextValue {
+    toast: (options: ToastOptions) => void;
+}
+/**
+ * ToastProvider wraps your app to enable toast notifications.
+ * Renders a fixed-position toast container via portal.
+ *
+ * @example
+ * <ToastProvider>
+ *   <App />
+ * </ToastProvider>
+ */
+declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to trigger toast notifications. Must be used within a ToastProvider.
+ *
+ * @example
+ * const { toast } = useToast();
+ * toast({ message: "Saved!", variant: "success" });
+ */
+declare function useToast(): ToastContextValue;
+/** Convenience alias for ToastProvider. */
+declare const Toaster: typeof ToastProvider;
+export { ToastProvider, Toaster, useToast, toastVariants };
+export type { ToastOptions, ToastVariant };

package/dist/utils/array-utils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Group an array of items by a key derived from each item.
+ */
+export declare function groupBy<T>(arr: T[], keyFn: (item: T) => string): Record<string, T[]>;

package/dist/utils/debounce.d.ts

@@ -1 +1,5 @@
-export declare function debounce<T extends (...args: Parameters<T>) => void>(fn: T, delay: number): (...args: Parameters<T>) => void;
+type Cancellable<T extends (...args: Parameters<T>) => void> = ((...args: Parameters<T>) => void) & {
+    cancel: () => void;
+};
+export declare function debounce<T extends (...args: Parameters<T>) => void>(fn: T, delay: number): Cancellable<T>;
+export {};

package/dist/utils/flatten-leaves.d.ts

@@ -0,0 +1,6 @@
+import { CurriculumItem } from '../curriculum/types';
+/**
+ * Recursively collects the UIDs of all leaf nodes (items with no children)
+ * in a curriculum tree.
+ */
+export declare function flattenLeaves(items: CurriculumItem[]): string[];

package/dist/utils/format-file-size.d.ts

@@ -0,0 +1 @@
+export declare function formatFileSize(bytes: number): string;

package/dist/utils/format-timestamp.d.ts

@@ -0,0 +1 @@
+export declare function formatTimestamp(iso: string): string;

package/dist/utils/is-empty-html.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns true if an HTML string contains no meaningful text content.
+ * Tiptap returns `"<p></p>"` for an empty editor, not an empty string.
+ */
+export declare function isEmptyHtml(html: string): boolean;

package/dist/utils/pick-palette-color.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Palette CSS variable names matching --palette-0 through --palette-3
+ * defined in globals.css.
+ */
+export declare const PALETTE_VARS: readonly ["var(--palette-0)", "var(--palette-1)", "var(--palette-2)", "var(--palette-3)"];
+/** Number of palette colors available. */
+export declare const PALETTE_COUNT: 4;
+/**
+ * Pick a palette CSS variable by cycling through the 4 palette colors.
+ * Useful for assigning varied colors to list items by index.
+ */
+export declare function pickPaletteColor(index: number): string;
+/** Palette variant name for CVA-based components (badge, progress). */
+export type PaletteVariant = "palette0" | "palette1" | "palette2" | "palette3";
+/**
+ * Pick a palette variant name by cycling through the 4 palette variants.
+ * Useful for assigning varied CVA variants to list items by index.
+ */
+export declare function pickPaletteVariant(index: number): PaletteVariant;

package/dist/utils/shuffle.d.ts

@@ -0,0 +1 @@
+export declare function shuffle<T>(array: T[]): T[];

package/dist/utils/string-utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Truncate text to a maximum length, appending a suffix if truncated.
+ */
+export declare function truncateText(text: string, maxLength: number, suffix?: string): string;
+/**
+ * Format a decimal value as a percentage string.
+ */
+export declare function formatPercentage(value: number, decimals?: number): string;
+/**
+ * Return the singular or plural form of a word based on count.
+ */
+export declare function pluralize(count: number, singular: string, plural?: string): string;

package/dist/video/types.d.ts

@@ -9,6 +9,19 @@
  *   onEnded={() => markLessonComplete()}
  * />
  */
+/** A text track (captions, subtitles) for the video element. */
+export interface VideoTrack {
+    /** URL of the track file (e.g., .vtt) */
+    src: string;
+    /** Track kind */
+    kind: "captions" | "subtitles" | "descriptions" | "chapters" | "metadata";
+    /** Human-readable track label (e.g., "English") */
+    label: string;
+    /** BCP 47 language code (e.g., "en") */
+    srcLang: string;
+    /** Whether this track should be active by default */
+    default?: boolean;
+}
 export interface VideoPlayerProps {
     /** URL of the video source */
     src?: string;
@@ -30,6 +43,8 @@ export interface VideoPlayerProps {
     readOnly?: boolean;
     /** Aspect ratio of the video container */
     aspectRatio?: "16/9" | "4/3" | "1/1";
+    /** Array of text tracks (captions, subtitles) for the video */
+    tracks?: VideoTrack[];
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/video/video-bookmark.d.ts

@@ -1,2 +1,2 @@
 import { VideoBookmarkProps } from './types';
-export declare const VideoBookmark: ({ bookmark, onSeek, onDelete, onEdit, className, style, }: VideoBookmarkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoBookmark: import('react').NamedExoticComponent<VideoBookmarkProps>;

package/dist/video/video-player.d.ts

@@ -1,2 +1,2 @@
 import { VideoPlayerProps } from './types';
-export declare const VideoPlayer: ({ src, poster, title, autoPlay, onPlay, onPause, onEnded, onTimeUpdate, readOnly, aspectRatio, className, style, }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoPlayer: ({ src, poster, title, autoPlay, onPlay, onPause, onEnded, onTimeUpdate, readOnly, aspectRatio, tracks, className, style, }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/video/video-playlist-item.d.ts

@@ -1,2 +1,2 @@
 import { VideoPlaylistItemProps } from './types';
-export declare const VideoPlaylistItem: ({ thumbnail, title, duration, status, isActive, index, onClick, className, style, }: VideoPlaylistItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoPlaylistItem: import('react').NamedExoticComponent<VideoPlaylistItemProps>;

package/dist/withProGate-BWqcKdPM.js

@@ -0,0 +1,137 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { createContext as f, useState as p, useEffect as h, useContext as y } from "react";
+const s = "hydra_key_v", g = 300 * 1e3;
+function k(e) {
+  try {
+    const t = sessionStorage.getItem(s);
+    if (t) {
+      const { result: n, ts: r, key: o } = JSON.parse(t);
+      if (o === e && Date.now() - r < g) return n;
+    }
+  } catch {
+  }
+  return null;
+}
+function m(e, t) {
+  try {
+    sessionStorage.setItem(s, JSON.stringify({ result: t, ts: Date.now(), key: e }));
+  } catch {
+  }
+}
+function l(e) {
+  try {
+    const t = sessionStorage.getItem(s);
+    if (t) {
+      const { result: n, key: r } = JSON.parse(t);
+      if (r === e && n === "valid-pro") return "valid-pro";
+    }
+  } catch {
+  }
+  return "invalid";
+}
+async function v(e, t) {
+  if (!t) return "skip";
+  if (!e) return "no-key";
+  const n = k(e);
+  if (n) return n;
+  try {
+    const r = await fetch(`${t}?key=${encodeURIComponent(e)}`, {
+      method: "GET",
+      signal: AbortSignal.timeout(4e3)
+    });
+    if (!r.ok) return l(e);
+    const o = await r.json();
+    let i;
+    return o.valid ? o.plan === "pro" || o.plan === "enterprise" ? i = "valid-pro" : i = "valid-free" : i = "invalid", m(e, i), i;
+  } catch {
+    return l(e);
+  }
+}
+const u = f({
+  plan: "free",
+  isPro: !1
+});
+function x(e) {
+  switch (e) {
+    case "valid-pro":
+    case "skip":
+      return "pro";
+    case "valid-free":
+    case "no-key":
+      return "free";
+    case "invalid":
+      return "invalid";
+  }
+}
+function H({ licenseKey: e, validateUrl: t = "", children: n }) {
+  const [r, o] = p(() => t ? e ? "validating" : "free" : "pro");
+  return h(() => {
+    if (!t) {
+      o("pro");
+      return;
+    }
+    let i = !1;
+    return v(e ?? null, t).then((d) => {
+      i || o(x(d));
+    }), () => {
+      i = !0;
+    };
+  }, [e, t]), /* @__PURE__ */ a(u.Provider, { value: { plan: r, isPro: r === "pro" }, children: n });
+}
+function P() {
+  return y(u);
+}
+function S({ children: e, feature: t }) {
+  return /* @__PURE__ */ c("div", { style: { position: "relative" }, children: [
+    e,
+    /* @__PURE__ */ c(
+      "a",
+      {
+        href: "https://hydralms.com/pro",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: {
+          position: "absolute",
+          bottom: 14,
+          right: 16,
+          zIndex: 9999,
+          display: "flex",
+          alignItems: "center",
+          gap: 5,
+          padding: "4px 10px 4px 8px",
+          background: "rgba(0,0,0,0.5)",
+          backdropFilter: "blur(6px)",
+          borderRadius: 20,
+          fontFamily: "system-ui, -apple-system, sans-serif",
+          fontSize: 11,
+          fontWeight: 500,
+          color: "rgba(255,255,255,0.85)",
+          letterSpacing: "0.01em",
+          whiteSpace: "nowrap",
+          lineHeight: 1,
+          pointerEvents: "auto",
+          textDecoration: "none"
+        },
+        title: t ? `"${t}" is a HydraLMS Pro module` : "Upgrade to HydraLMS Pro",
+        children: [
+          /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { opacity: 0.8 }, children: /* @__PURE__ */ a("path", { d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z" }) }),
+          "HydraLMS Pro"
+        ]
+      }
+    )
+  ] });
+}
+function L(e, t) {
+  const n = (r) => {
+    const { isPro: o } = P();
+    return o ? /* @__PURE__ */ a(e, { ...r }) : /* @__PURE__ */ a(S, { feature: t, children: /* @__PURE__ */ a(e, { ...r }) });
+  };
+  return n.displayName = `ProGated(${t})`, n;
+}
+export {
+  H,
+  S as P,
+  u as a,
+  P as u,
+  L as w
+};

package/dist/withProGate-DX6XqKLp.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),c="hydra_key_v",h=300*1e3;function y(e){try{const t=sessionStorage.getItem(c);if(t){const{result:n,ts:r,key:i}=JSON.parse(t);if(i===e&&Date.now()-r<h)return n}}catch{}return null}function g(e,t){try{sessionStorage.setItem(c,JSON.stringify({result:t,ts:Date.now(),key:e}))}catch{}}function l(e){try{const t=sessionStorage.getItem(c);if(t){const{result:n,key:r}=JSON.parse(t);if(r===e&&n==="valid-pro")return"valid-pro"}}catch{}return"invalid"}async function x(e,t){if(!t)return"skip";if(!e)return"no-key";const n=y(e);if(n)return n;try{const r=await fetch(`${t}?key=${encodeURIComponent(e)}`,{method:"GET",signal:AbortSignal.timeout(4e3)});if(!r.ok)return l(e);const i=await r.json();let o;return i.valid?i.plan==="pro"||i.plan==="enterprise"?o="valid-pro":o="valid-free":o="invalid",g(e,o),o}catch{return l(e)}}const u=a.createContext({plan:"free",isPro:!1});function k(e){switch(e){case"valid-pro":case"skip":return"pro";case"valid-free":case"no-key":return"free";case"invalid":return"invalid"}}function v({licenseKey:e,validateUrl:t="",children:n}){const[r,i]=a.useState(()=>t?e?"validating":"free":"pro");return a.useEffect(()=>{if(!t){i("pro");return}let o=!1;return x(e??null,t).then(p=>{o||i(k(p))}),()=>{o=!0}},[e,t]),s.jsx(u.Provider,{value:{plan:r,isPro:r==="pro"},children:n})}function d(){return a.useContext(u)}function f({children:e,feature:t}){return s.jsxs("div",{style:{position:"relative"},children:[e,s.jsxs("a",{href:"https://hydralms.com/pro",target:"_blank",rel:"noopener noreferrer",style:{position:"absolute",bottom:14,right:16,zIndex:9999,display:"flex",alignItems:"center",gap:5,padding:"4px 10px 4px 8px",background:"rgba(0,0,0,0.5)",backdropFilter:"blur(6px)",borderRadius:20,fontFamily:"system-ui, -apple-system, sans-serif",fontSize:11,fontWeight:500,color:"rgba(255,255,255,0.85)",letterSpacing:"0.01em",whiteSpace:"nowrap",lineHeight:1,pointerEvents:"auto",textDecoration:"none"},title:t?`"${t}" is a HydraLMS Pro module`:"Upgrade to HydraLMS Pro",children:[s.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{opacity:.8},children:s.jsx("path",{d:"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"})}),"HydraLMS Pro"]})]})}function P(e,t){const n=r=>{const{isPro:i}=d();return i?s.jsx(e,{...r}):s.jsx(f,{feature:t,children:s.jsx(e,{...r})})};return n.displayName=`ProGated(${t})`,n}exports.HydraLicenseContext=u;exports.HydraLicenseProvider=v;exports.ProBadge=f;exports.useHydraLicense=d;exports.withProGate=P;