@flikk/ui 1.0.0-beta.29 → 1.0.0-beta.30

package/dist/components/charts/shared/ChartLegend/ChartLegendContent.js

@@ -1,18 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-/**
- * Basic ChartLegendContent component - minimal implementation
- * TODO: Enhance with full legend content functionality when needed
- */
-const ChartLegendContent = ({ payload = [], nameKey = 'name', className, ...props }) => {
-    if (!payload || payload.length === 0) {
-        return null;
-    }
-    return (jsx("div", { className: `flex flex-wrap gap-4 ${className || ''}`, ...props, children: payload.map((entry, index) => {
-            const name = entry[nameKey] || entry.dataKey || `Series ${index + 1}`;
-            const color = entry.color || '#8884d8';
-            return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "w-3 h-3 rounded", style: { backgroundColor: color } }), jsx("span", { className: "text-base text-gray-600", children: String(name) })] }, index));
-        }) }));
-};
-
-export { ChartLegendContent };

package/dist/components/charts/shared/LineRenderer/index.d.ts

@@ -1,2 +0,0 @@
-export { LineRenderer } from './LineRenderer';
-export type { LineRendererProps } from './LineRenderer.types';

package/dist/components/core/Popover/Popover.animations.js

@@ -1,13 +0,0 @@
-/**
- * Animation variants for Popover component
- */
-const popoverContentVariants = {
-    hidden: { opacity: 0, scale: 0.95 },
-    visible: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.95 }
-};
-const popoverTransitions = {
-    content: { duration: 0.2 },
-};
-
-export { popoverContentVariants, popoverTransitions };

package/dist/components/layout/PageLayout/PageLayout.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { PageLayoutContentProps, PageLayoutProps } from "./PageLayout.types";
-export declare const PageLayout: React.ForwardRefExoticComponent<PageLayoutProps & React.RefAttributes<HTMLDivElement>> & {
-    Sidebar: React.ForwardRefExoticComponent<import("./PageLayout.types").PageLayoutSidebarProps & React.RefAttributes<HTMLElement>>;
-    Header: React.ForwardRefExoticComponent<import("./PageLayout.types").PageLayoutHeaderProps & React.RefAttributes<HTMLElement>>;
-    Content: React.ForwardRefExoticComponent<PageLayoutContentProps & React.RefAttributes<HTMLElement>>;
-};

package/dist/components/layout/PageLayout/PageLayout.js

@@ -1,51 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { getPageLayoutTheme } from './PageLayout.theme.js';
-import { PageLayoutSidebar } from './PageLayoutSidebar.js';
-import { PageLayoutHeader } from './PageLayoutHeader.js';
-import { PageLayoutContent } from './PageLayoutContent.js';
-
-const PageLayoutRoot = React__default.forwardRef(({ className, theme: customTheme, variant = "auto", contentWidth = "full", contentPadding = "md", children, ...props }, ref) => {
-    const theme = getPageLayoutTheme(customTheme);
-    // Separate Sidebar children from the rest (Header, Content)
-    // so we can wrap non-sidebar children in a vertical main column.
-    const childArray = React__default.Children.toArray(children);
-    const sidebar = [];
-    const main = [];
-    childArray.forEach((child) => {
-        if (React__default.isValidElement(child) && child.type === PageLayoutSidebar) {
-            sidebar.push(child);
-        }
-        else {
-            main.push(child);
-        }
-    });
-    const resolvedVariant = variant === "auto"
-        ? sidebar.length > 0
-            ? "sidebar"
-            : "topbar"
-        : variant;
-    const mainChildren = main.map((child) => {
-        var _a, _b;
-        if (React__default.isValidElement(child) &&
-            child.type === PageLayoutContent) {
-            return React__default.cloneElement(child, {
-                contentWidth: (_a = child.props.contentWidth) !== null && _a !== void 0 ? _a : contentWidth,
-                contentPadding: (_b = child.props.contentPadding) !== null && _b !== void 0 ? _b : contentPadding,
-            });
-        }
-        return child;
-    });
-    return (jsx("div", { ref: ref, className: cn(theme.root, className), ...props, children: jsxs("div", { className: cn(theme.shell, resolvedVariant === "sidebar"
-                ? theme.sidebarLayout
-                : theme.topbarLayout), children: [resolvedVariant === "sidebar" && sidebar, jsx("div", { className: cn(theme.main), children: mainChildren })] }) }));
-});
-PageLayoutRoot.displayName = "PageLayout";
-const PageLayout = Object.assign(PageLayoutRoot, {
-    Sidebar: PageLayoutSidebar,
-    Header: PageLayoutHeader,
-    Content: PageLayoutContent,
-});
-
-export { PageLayout };

package/dist/components/layout/PageLayout/PageLayout.theme.d.ts

@@ -1,3 +0,0 @@
-import type { PageLayoutTheme, PageLayoutThemeOverrides } from "./PageLayout.types";
-export declare const pageLayoutTheme: PageLayoutTheme;
-export declare const getPageLayoutTheme: (customTheme?: PageLayoutThemeOverrides) => PageLayoutTheme;

package/dist/components/layout/PageLayout/PageLayout.theme.js

@@ -1,39 +0,0 @@
-const pageLayoutTheme = {
-    root: "min-h-screen overflow-hidden bg-white text-[var(--color-text-primary)]",
-    shell: "h-full min-h-[inherit] min-w-0",
-    sidebarLayout: "flex",
-    topbarLayout: "flex flex-col",
-    sidebar: "flex flex-col shrink-0 overflow-hidden border-r border-[var(--color-border)] bg-[var(--color-background)]/95 backdrop-blur supports-[backdrop-filter]:bg-[var(--color-background)]/85",
-    sidebarScroll: "min-h-0 flex-1",
-    sidebarCollapsed: "hidden lg:flex",
-    main: "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden",
-    header: "shrink-0 border-b border-[var(--color-border)] bg-[var(--color-background)]/90 backdrop-blur supports-[backdrop-filter]:bg-[var(--color-background)]/75",
-    content: "flex flex-1 min-h-0 min-w-0",
-    contentScroll: "min-h-0 flex-1",
-    contentInner: "mx-auto w-full",
-    contentPadding: {
-        none: "p-0",
-        sm: "p-3 sm:p-4",
-        md: "p-4 sm:p-6 lg:p-8",
-        lg: "p-5 sm:p-8 lg:p-10",
-    },
-    contentWidth: {
-        full: "max-w-none",
-        wide: "max-w-7xl",
-        contained: "max-w-5xl",
-    },
-};
-const getPageLayoutTheme = (customTheme) => ({
-    ...pageLayoutTheme,
-    ...customTheme,
-    contentPadding: {
-        ...pageLayoutTheme.contentPadding,
-        ...customTheme === null || customTheme === void 0 ? void 0 : customTheme.contentPadding,
-    },
-    contentWidth: {
-        ...pageLayoutTheme.contentWidth,
-        ...customTheme === null || customTheme === void 0 ? void 0 : customTheme.contentWidth,
-    },
-});
-
-export { getPageLayoutTheme, pageLayoutTheme };

package/dist/components/layout/PageLayout/PageLayout.types.d.ts

@@ -1,84 +0,0 @@
-import React from "react";
-export interface PageLayoutTheme {
-    root: string;
-    shell: string;
-    sidebarLayout: string;
-    topbarLayout: string;
-    sidebar: string;
-    sidebarScroll: string;
-    sidebarCollapsed: string;
-    main: string;
-    header: string;
-    content: string;
-    contentScroll: string;
-    contentInner: string;
-    contentPadding: Record<PageLayoutContentPadding, string>;
-    contentWidth: Record<PageLayoutContentWidth, string>;
-}
-export interface PageLayoutThemeOverrides {
-    root?: string;
-    shell?: string;
-    sidebarLayout?: string;
-    topbarLayout?: string;
-    sidebar?: string;
-    sidebarScroll?: string;
-    sidebarCollapsed?: string;
-    main?: string;
-    header?: string;
-    content?: string;
-    contentScroll?: string;
-    contentInner?: string;
-    contentPadding?: Partial<Record<PageLayoutContentPadding, string>>;
-    contentWidth?: Partial<Record<PageLayoutContentWidth, string>>;
-}
-export type PageLayoutVariant = "auto" | "sidebar" | "topbar";
-export type PageLayoutContentWidth = "full" | "wide" | "contained";
-export type PageLayoutContentPadding = "none" | "sm" | "md" | "lg";
-export interface PageLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Layout variant. "auto" uses sidebar layout when a PageLayout.Sidebar child
-     * is present, otherwise it uses the topbar layout.
-     * @default "auto"
-     */
-    variant?: PageLayoutVariant;
-    /**
-     * Maximum content width applied to PageLayout.Content children.
-     * @default "full"
-     */
-    contentWidth?: PageLayoutContentWidth;
-    /**
-     * Responsive padding applied to PageLayout.Content children.
-     * @default "md"
-     */
-    contentPadding?: PageLayoutContentPadding;
-    /** Theme overrides for the root container. */
-    theme?: PageLayoutThemeOverrides;
-}
-export interface PageLayoutSidebarProps extends React.HTMLAttributes<HTMLElement> {
-    /** Width of the sidebar (CSS value). Defaults to "16rem". */
-    width?: string;
-    /** Whether the sidebar is collapsed on mobile. Defaults to true. */
-    collapsedOnMobile?: boolean;
-    /** Theme overrides for the sidebar. */
-    theme?: PageLayoutThemeOverrides;
-}
-export interface PageLayoutHeaderProps extends React.HTMLAttributes<HTMLElement> {
-    /** Whether the header is sticky. Defaults to true. */
-    sticky?: boolean;
-    /** Theme overrides for the header. */
-    theme?: PageLayoutThemeOverrides;
-}
-export interface PageLayoutContentProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * Maximum content width. Inherits from PageLayout when omitted.
-     * @default "full"
-     */
-    contentWidth?: PageLayoutContentWidth;
-    /**
-     * Responsive padding. Inherits from PageLayout when omitted.
-     * @default "md"
-     */
-    contentPadding?: PageLayoutContentPadding;
-    /** Theme overrides for the content area. */
-    theme?: PageLayoutThemeOverrides;
-}

package/dist/components/layout/PageLayout/PageLayoutContent.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { PageLayoutContentProps } from "./PageLayout.types";
-export declare const PageLayoutContent: React.ForwardRefExoticComponent<PageLayoutContentProps & React.RefAttributes<HTMLElement>>;

package/dist/components/layout/PageLayout/PageLayoutContent.js

@@ -1,14 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { ScrollArea } from '../../core/ScrollArea/ScrollArea.js';
-import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
-import { getPageLayoutTheme } from './PageLayout.theme.js';
-
-const PageLayoutContent = React__default.forwardRef(({ className, theme: customTheme, contentWidth = "full", contentPadding = "md", children, ...props }, ref) => {
-    const theme = getPageLayoutTheme(customTheme);
-    return (jsx("main", { ref: ref, className: cn(theme.content, className), ...props, children: jsx(ScrollArea, { type: "hover", size: "thin", className: theme.contentScroll, children: jsx("div", { className: cn(theme.contentInner, theme.contentWidth[contentWidth], theme.contentPadding[contentPadding]), children: children }) }) }));
-});
-PageLayoutContent.displayName = "PageLayout.Content";
-
-export { PageLayoutContent };

package/dist/components/layout/PageLayout/PageLayoutHeader.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { PageLayoutHeaderProps } from "./PageLayout.types";
-export declare const PageLayoutHeader: React.ForwardRefExoticComponent<PageLayoutHeaderProps & React.RefAttributes<HTMLElement>>;

package/dist/components/layout/PageLayout/PageLayoutHeader.js

@@ -1,12 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { getPageLayoutTheme } from './PageLayout.theme.js';
-
-const PageLayoutHeader = React__default.forwardRef(({ sticky = true, className, theme: customTheme, children, ...props }, ref) => {
-    const theme = getPageLayoutTheme(customTheme);
-    return (jsx("header", { ref: ref, className: cn(theme.header, sticky && "sticky top-0 z-20", className), ...props, children: children }));
-});
-PageLayoutHeader.displayName = "PageLayout.Header";
-
-export { PageLayoutHeader };

package/dist/components/layout/PageLayout/PageLayoutSidebar.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { PageLayoutSidebarProps } from "./PageLayout.types";
-export declare const PageLayoutSidebar: React.ForwardRefExoticComponent<PageLayoutSidebarProps & React.RefAttributes<HTMLElement>>;

package/dist/components/layout/PageLayout/PageLayoutSidebar.js

@@ -1,14 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { ScrollArea } from '../../core/ScrollArea/ScrollArea.js';
-import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
-import { getPageLayoutTheme } from './PageLayout.theme.js';
-
-const PageLayoutSidebar = React__default.forwardRef(({ width = "16rem", collapsedOnMobile = true, className, theme: customTheme, style, children, ...props }, ref) => {
-    const theme = getPageLayoutTheme(customTheme);
-    return (jsx("aside", { ref: ref, className: cn(theme.sidebar, collapsedOnMobile && theme.sidebarCollapsed, className), style: { width, ...style }, ...props, children: jsx(ScrollArea, { type: "hover", size: "thin", className: theme.sidebarScroll, children: children }) }));
-});
-PageLayoutSidebar.displayName = "PageLayout.Sidebar";
-
-export { PageLayoutSidebar };

package/dist/components/layout/PageLayout/index.d.ts

@@ -1,3 +0,0 @@
-export { PageLayout } from "./PageLayout";
-export type { PageLayoutProps, PageLayoutSidebarProps, PageLayoutHeaderProps, PageLayoutContentProps, PageLayoutVariant, PageLayoutContentWidth, PageLayoutContentPadding, PageLayoutTheme, PageLayoutThemeOverrides, } from "./PageLayout.types";
-export { pageLayoutTheme } from "./PageLayout.theme";