@flamingo-stack/openframe-frontend-core 0.0.747 → 0.0.749

package/dist/components/dynamic-skeleton.d.ts

@@ -1,108 +0,0 @@
-import React from 'react';
-interface DynamicSkeletonProps {
-    /**
-     * Type of skeleton animation
-     */
-    animation?: 'pulse' | 'shimmer' | 'wave' | 'static';
-    /**
-     * Skeleton variant based on content type
-     */
-    variant?: 'text' | 'avatar' | 'card' | 'button' | 'image' | 'custom';
-    /**
-     * Size preset for common elements
-     */
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    /**
-     * Custom dimensions
-     */
-    width?: string | number;
-    height?: string | number;
-    /**
-     * Number of lines for text skeleton
-     */
-    lines?: number;
-    /**
-     * Platform-aware styling
-     */
-    platformAware?: boolean;
-    /**
-     * Accessibility enhancements
-     */
-    includeAriaLabel?: boolean;
-    /**
-     * Custom CSS classes
-     */
-    className?: string;
-    /**
-     * Child elements (for container skeletons)
-     */
-    children?: React.ReactNode;
-}
-export declare function DynamicSkeleton({ animation, variant, size, width, height, lines, platformAware, includeAriaLabel, className, children, }: DynamicSkeletonProps): React.JSX.Element;
-/**
- * Pre-configured skeleton for common UI patterns
- */
-export declare const SkeletonPresets: {
-    /**
-     * Card skeleton with header, content, and actions
-     */
-    Card: ({ showActions, showImage }: {
-        showActions?: boolean;
-        showImage?: boolean;
-    }) => React.JSX.Element;
-    /**
-     * User profile skeleton
-     */
-    Profile: () => React.JSX.Element;
-    /**
-     * Navigation skeleton
-     */
-    Navigation: ({ items }: {
-        items?: number;
-    }) => React.JSX.Element;
-    /**
-     * Table skeleton
-     */
-    Table: ({ rows, columns }: {
-        rows?: number;
-        columns?: number;
-    }) => React.JSX.Element;
-    /**
-     * Vendor grid skeleton (specific to the app)
-     */
-    VendorGrid: ({ items }: {
-        items?: number;
-    }) => React.JSX.Element;
-    /**
-     * Blog post skeleton
-     */
-    BlogPost: () => React.JSX.Element;
-};
-/** Every preset's props merged into one all-optional bag. */
-export interface SkeletonPresetProps {
-    showActions?: boolean;
-    showImage?: boolean;
-    items?: number;
-    rows?: number;
-    columns?: number;
-}
-/**
- * Platform-aware loading container that shows different skeletons based on platform
- */
-export declare function PlatformSkeletonContainer({ children, isLoading, skeletonType, skeletonProps, }: {
-    children: React.ReactNode;
-    isLoading: boolean;
-    skeletonType?: keyof typeof SkeletonPresets;
-    /** Props for the chosen preset. Every preset takes an all-optional bag, so
-     *  the union of them is what any one of them accepts. */
-    skeletonProps?: SkeletonPresetProps;
-}): React.JSX.Element;
-/**
- * Enhanced skeleton with progressive enhancement
- */
-export declare function ProgressiveSkeleton({ stages: _stages, currentStage, children, ...props }: DynamicSkeletonProps & {
-    stages?: string[];
-    currentStage?: number;
-}): React.JSX.Element;
-export {};
-//# sourceMappingURL=dynamic-skeleton.d.ts.map

package/dist/components/dynamic-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-skeleton.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,oBAAoB;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEpD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAErE;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAkBD,wBAAgB,eAAe,CAAC,EAC9B,SAAqB,EACrB,OAAgB,EAChB,IAAW,EACX,KAAK,EACL,MAAM,EACN,KAAS,EACT,aAAoB,EACpB,gBAAuB,EACvB,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,qBAwFtB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe;IAC1B;;OAEG;uCAC+C;QAAE,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE;IAgBhG;;OAEG;;IAYH;;OAEG;4BACyB;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;IAW9C;;OAEG;+BACgC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;IAmBtE;;OAEG;4BACyB;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;IAqB9C;;OAEG;;CAkBJ,CAAC;AAEF,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,SAAS,EACT,YAAqB,EACrB,aAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;IAC5C;6DACyD;IACzD,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC,qBAcA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAGlC,MAAM,EAAE,OAA8C,EACtD,YAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,qBAqBA"}

package/dist/components/dynamic-skeleton.js

@@ -1,221 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
-import { useThemeAware } from "../hooks/use-theme-aware.js";
-import { cn } from "../utils/cn.js";
-const sizePresets = {
-  sm: { width: "4rem", height: "1rem" },
-  md: { width: "8rem", height: "1.5rem" },
-  lg: { width: "12rem", height: "2rem" },
-  xl: { width: "16rem", height: "2.5rem" }
-};
-const variantStyles = {
-  text: "rounded",
-  avatar: "rounded-full aspect-square",
-  card: "rounded-lg",
-  button: "rounded-md",
-  image: "rounded-lg aspect-video",
-  custom: ""
-};
-function DynamicSkeleton({
-  animation = "shimmer",
-  variant = "text",
-  size = "md",
-  width,
-  height,
-  lines = 1,
-  platformAware = true,
-  includeAriaLabel = true,
-  className,
-  children
-}) {
-  const { platform, isDark, accentColor } = useThemeAware();
-  const dimensions = React.useMemo(() => {
-    if (width || height) {
-      return {
-        width: typeof width === "number" ? `${width}px` : width,
-        height: typeof height === "number" ? `${height}px` : height
-      };
-    }
-    if (variant === "avatar") {
-      const avatarSize = sizePresets[size].height;
-      return { width: avatarSize, height: avatarSize };
-    }
-    return sizePresets[size];
-  }, [width, height, size, variant]);
-  const platformStyles = React.useMemo(() => {
-    if (!platformAware) return {};
-    const baseOpacity = isDark ? 0.1 : 0.15;
-    const accentOpacity = isDark ? 0.05 : 0.08;
-    return {
-      "--skeleton-base": `color-mix(in srgb, var(--color-bg-skeleton) ${baseOpacity * 100}%, transparent)`,
-      "--skeleton-highlight": `color-mix(in srgb, ${accentColor} ${accentOpacity * 100}%, var(--color-bg-skeleton))`,
-      "--skeleton-accent": `color-mix(in srgb, ${accentColor} 10%, transparent)`
-    };
-  }, [platformAware, isDark, accentColor]);
-  const animationClasses = {
-    pulse: "animate-pulse",
-    shimmer: "ods-loading-dynamic",
-    wave: "skeleton-wave",
-    static: ""
-  };
-  const baseClasses = cn(
-    "bg-ods-skeleton",
-    variantStyles[variant],
-    animationClasses[animation],
-    platformAware && `skeleton-platform-${platform}`,
-    className
-  );
-  if (variant === "text" && lines > 1) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "space-y-2",
-        style: platformStyles,
-        role: "status",
-        "aria-label": includeAriaLabel ? "Loading content..." : void 0,
-        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              baseClasses,
-              index === lines - 1 && "w-3/4"
-              // Last line shorter
-            ),
-            style: {
-              ...dimensions,
-              width: index === lines - 1 ? "75%" : dimensions.width
-            }
-          },
-          index
-        ))
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: baseClasses,
-      style: { ...dimensions, ...platformStyles },
-      role: "status",
-      "aria-label": includeAriaLabel ? "Loading content..." : void 0,
-      children
-    }
-  );
-}
-const SkeletonPresets = {
-  /**
-   * Card skeleton with header, content, and actions
-   */
-  Card: ({ showActions = true, showImage = false }) => /* @__PURE__ */ jsxs("div", { className: "space-y-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
-    showImage && /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "image", className: "h-40 w-full" }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "lg" }),
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
-    ] }),
-    showActions && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2", children: [
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "button", width: "6rem", height: "2.5rem" }),
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "button", width: "4rem", height: "2.5rem" })
-    ] })
-  ] }),
-  /**
-   * User profile skeleton
-   */
-  Profile: () => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 p-4", children: [
-    /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "avatar", size: "lg" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "lg", width: "8rem" }),
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "sm", width: "12rem" }),
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
-    ] })
-  ] }),
-  /**
-   * Navigation skeleton
-   */
-  Navigation: ({ items = 5 }) => /* @__PURE__ */ jsx("nav", { className: "space-y-2 p-4", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "avatar", size: "sm" }),
-    /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "md" })
-  ] }, index)) }),
-  /**
-   * Table skeleton
-   */
-  Table: ({ rows = 5, columns = 4 }) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "md" }, `header-${index}`)) }),
-    Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_cell, colIndex) => /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "sm" }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`))
-  ] }),
-  /**
-   * Vendor grid skeleton (specific to the app)
-   */
-  VendorGrid: ({ items = 6 }) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 content-md:grid-cols-2 content-lg:grid-cols-3", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "avatar", size: "md" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "md", width: "6rem" }),
-        /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem", className: "mt-1" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", lines: 2, size: "sm" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "custom", width: "3rem", height: "1.25rem", className: "rounded-full" }),
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "custom", width: "4rem", height: "1.25rem", className: "rounded-full" })
-    ] })
-  ] }, index)) }),
-  /**
-   * Blog post skeleton
-   */
-  BlogPost: () => /* @__PURE__ */ jsxs("article", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "xl", width: "75%" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-4 text-sm", children: [
-        /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem" }),
-        /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", size: "sm", width: "6rem" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "image", className: "h-64 w-full" }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsx(DynamicSkeleton, { variant: "text", lines: 3, size: "md" }, index)) })
-  ] })
-};
-function PlatformSkeletonContainer({
-  children,
-  isLoading,
-  skeletonType = "Card",
-  skeletonProps = {}
-}) {
-  const { platform } = useThemeAware();
-  if (!isLoading) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const SkeletonComponent = SkeletonPresets[skeletonType];
-  return /* @__PURE__ */ jsx("div", { className: `platform-skeleton skeleton-${platform}`, children: /* @__PURE__ */ jsx(SkeletonComponent, { ...skeletonProps }) });
-}
-function ProgressiveSkeleton({
-  // Named only to keep it out of the `...props` spread: the stage NAMES are
-  // unused, `currentStage` alone selects the skeleton shape below.
-  stages: _stages = ["basic", "detailed", "interactive"],
-  currentStage = 0,
-  children,
-  ...props
-}) {
-  const { platform } = useThemeAware();
-  const stageConfig = {
-    0: { animation: "pulse", variant: "text" },
-    1: { animation: "shimmer", variant: "card" },
-    2: { animation: "wave", variant: "custom" }
-  };
-  const config = stageConfig[currentStage] || stageConfig[0];
-  return /* @__PURE__ */ jsx(
-    DynamicSkeleton,
-    {
-      ...props,
-      ...config,
-      className: cn(props.className, `skeleton-stage-${currentStage}`, `skeleton-platform-${platform}`),
-      children
-    }
-  );
-}
-export {
-  DynamicSkeleton,
-  PlatformSkeletonContainer,
-  ProgressiveSkeleton,
-  SkeletonPresets
-};

package/dist/components/loading/content-skeleton.d.ts

@@ -1,73 +0,0 @@
-interface ContentSkeletonProps {
-    className?: string;
-}
-/**
- * Paragraph skeleton with varying line lengths for natural appearance
- */
-export declare function ParagraphSkeleton({ className, lines }: ContentSkeletonProps & {
-    lines?: number;
-}): import("react").JSX.Element;
-/**
- * List skeleton for navigation menus, categories, etc.
- */
-export declare function ListSkeleton({ className, items, showIcons, showActions, }: ContentSkeletonProps & {
-    items?: number;
-    showIcons?: boolean;
-    showActions?: boolean;
-}): import("react").JSX.Element;
-/**
- * Table skeleton for data displays
- */
-export declare function TableSkeleton({ className, rows, columns, }: ContentSkeletonProps & {
-    rows?: number;
-    columns?: number;
-}): import("react").JSX.Element;
-/**
- * Form skeleton for input fields and form layouts
- */
-export declare function FormSkeleton({ className, fields }: ContentSkeletonProps & {
-    fields?: number;
-}): import("react").JSX.Element;
-/**
- * Navigation menu skeleton
- */
-export declare function NavigationSkeleton({ className, items, horizontal, }: ContentSkeletonProps & {
-    items?: number;
-    horizontal?: boolean;
-}): import("react").JSX.Element;
-/**
- * Profile/user info skeleton
- */
-export declare function ProfileSkeleton({ className, showBio, showStats, }: ContentSkeletonProps & {
-    showBio?: boolean;
-    showStats?: boolean;
-}): import("react").JSX.Element;
-/**
- * Comment/review skeleton for user-generated content
- */
-export declare function CommentSkeleton({ className, showRating, showReplies, }: ContentSkeletonProps & {
-    showRating?: boolean;
-    showReplies?: boolean;
-}): import("react").JSX.Element;
-/**
- * Feature list skeleton for product features, specifications, etc.
- */
-export declare function FeatureListSkeleton({ className, features, showIcons, grouped, }: ContentSkeletonProps & {
-    features?: number;
-    showIcons?: boolean;
-    grouped?: boolean;
-}): import("react").JSX.Element;
-/**
- * Timeline/activity skeleton
- */
-export declare function TimelineSkeleton({ className, items }: ContentSkeletonProps & {
-    items?: number;
-}): import("react").JSX.Element;
-/**
- * Pricing/plan skeleton
- */
-export declare function PricingSkeleton({ className, plans }: ContentSkeletonProps & {
-    plans?: number;
-}): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=content-skeleton.d.ts.map

package/dist/components/loading/content-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/content-skeleton.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,EAAE,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAUpG;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAS,EACT,SAAiB,EACjB,WAAmB,GACpB,EAAE,oBAAoB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,+BAmBA;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,IAAQ,EACR,OAAW,GACZ,EAAE,oBAAoB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,+BA0BA;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,MAAU,EAAE,EAAE,oBAAoB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,+BAiBjG;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAS,EACT,UAAiB,GAClB,EAAE,oBAAoB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,+BAYA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAc,EACd,SAAgB,GACjB,EAAE,oBAAoB,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAyCA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,UAAkB,EAClB,WAAmB,GACpB,EAAE,oBAAoB,GAAG;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,+BAqDA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAY,EACZ,SAAgB,EAChB,OAAe,GAChB,EAAE,oBAAoB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAiCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,EAAE,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAqBnG;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,EAAE,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAwClG"}

package/dist/components/loading/content-skeleton.js

@@ -1,217 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { UnifiedSkeleton, TextSkeleton, MediaSkeleton, InteractiveSkeleton } from "./unified-skeleton.js";
-function ParagraphSkeleton({ className, lines = 4 }) {
-  const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx(TextSkeleton.Body, { className: lineWidths[index % lineWidths.length] }, index)) });
-}
-function ListSkeleton({
-  className,
-  items = 5,
-  showIcons = false,
-  showActions = false
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      showIcons && /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-32 content-md:w-48" })
-    ] }),
-    showActions && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: "h-4 w-4" })
-    ] })
-  ] }, index)) });
-}
-function TableSkeleton({
-  className,
-  rows = 5,
-  columns = 4
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "grid gap-4 border-b border-ods-divider py-2",
-        style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
-        children: Array.from({ length: columns }).map((_cell, colIndex) => /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
-      },
-      rowIndex
-    )) })
-  ] });
-}
-function FormSkeleton({ className, fields = 4 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), children: [
-    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-48" })
-    ] }, index)),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "bg-ods-border" })
-    ] })
-  ] });
-}
-function NavigationSkeleton({
-  className,
-  items = 6,
-  horizontal = true
-}) {
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      className: cn("flex gap-4 content-md:gap-6", !horizontal && "flex-col", className),
-      role: "status",
-      "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-16 content-md:w-20" }, index))
-    }
-  );
-}
-function ProfileSkeleton({
-  className,
-  showBio = true,
-  showStats = true
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ jsx(MediaSkeleton.Avatar, { size: "lg" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-2/3" })
-      ] })
-    ] }),
-    showBio && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-3/4" })
-    ] }),
-    showStats && /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "mx-auto w-8" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "mx-auto w-12" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "mx-auto w-8" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "mx-auto w-16" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "mx-auto w-8" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "mx-auto w-14" })
-      ] })
-    ] })
-  ] });
-}
-function CommentSkeleton({
-  className,
-  showRating = false,
-  showReplies = false
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(MediaSkeleton.Avatar, { size: "sm" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-4", children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }, i)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-1/2" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-8" })
-    ] }),
-    showReplies && /* @__PURE__ */ jsx("div", { className: "ml-11 space-y-4 border-l border-ods-divider pl-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-12" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-2/3" })
-      ] })
-    ] }, index)) })
-  ] });
-}
-function FeatureListSkeleton({
-  className,
-  features = 6,
-  showIcons = true,
-  grouped = false
-}) {
-  if (grouped) {
-    return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_feature, featureIndex) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        showIcons && /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-2/3" })
-      ] }, featureIndex)) })
-    ] }, groupIndex)) });
-  }
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-    showIcons && /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-2/3" })
-  ] }, index)) });
-}
-function TimelineSkeleton({ className, items = 5 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx("div", { className: "mt-2 h-12 w-px bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-16" })
-      ] }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-3/4" })
-    ] })
-  ] }, index)) });
-}
-function PricingSkeleton({ className, plans = 3 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "grid gap-6",
-        plans === 2 && "grid-cols-1 content-md:grid-cols-2",
-        plans === 3 && "grid-cols-1 content-md:grid-cols-3",
-        plans === 4 && "grid-cols-1 content-md:grid-cols-2 content-lg:grid-cols-4",
-        className
-      ),
-      children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx(TextSkeleton.Heading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-1/4" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_feature, featureIndex) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }),
-          /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-3/4" })
-        ] }, featureIndex)) }),
-        /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "w-full" })
-      ] }) }, index))
-    }
-  );
-}
-export {
-  CommentSkeleton,
-  FeatureListSkeleton,
-  FormSkeleton,
-  ListSkeleton,
-  NavigationSkeleton,
-  ParagraphSkeleton,
-  PricingSkeleton,
-  ProfileSkeleton,
-  TableSkeleton,
-  TimelineSkeleton
-};

package/dist/components/loading/users-grid-skeleton.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-    rows?: number;
-    className?: string;
-}
-export declare function UsersGridSkeleton({ rows, className }: Props): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=users-grid-skeleton.d.ts.map

package/dist/components/loading/users-grid-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"users-grid-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/users-grid-skeleton.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAS,EAAE,SAAS,EAAE,EAAE,KAAK,+BA4BhE"}

package/dist/components/loading/users-grid-skeleton.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-function UsersGridSkeleton({ rows = 10, className }) {
-  const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx("div", { className: cn("animate-pulse overflow-x-auto rounded-lg border border-ods-border bg-ods-card", className), children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ods-border", children: [
-    /* @__PURE__ */ jsx("thead", { className: "bg-ods-skeleton", children: /* @__PURE__ */ jsx("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-ods-text-primary text-h6", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-4 py-3", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-full rounded bg-ods-border" }) }, cell)) }, idx)) })
-  ] }) });
-}
-export {
-  UsersGridSkeleton
-};

package/dist/components/shared/product-release/release-detail-skeleton.d.ts

@@ -1,2 +0,0 @@
-export declare function ReleaseDetailSkeleton(): import("react").JSX.Element;
-//# sourceMappingURL=release-detail-skeleton.d.ts.map

package/dist/components/shared/product-release/release-detail-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"release-detail-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/product-release/release-detail-skeleton.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,gCAEpC"}