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

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

@@ -1,12 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { pageLayoutTheme } from './PageLayout.theme.js';
-
-const PageLayoutSidebar = React__default.forwardRef(({ width = "16rem", collapsedOnMobile = true, className, theme: customTheme, style, children, ...props }, ref) => {
-    const theme = { ...pageLayoutTheme, ...customTheme };
-    return (jsx("aside", { ref: ref, className: cn(theme.sidebar, collapsedOnMobile && theme.sidebarCollapsed, className), style: { width, ...style }, ...props, 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, PageLayoutTheme, PageLayoutThemeOverrides, } from "./PageLayout.types";
-export { pageLayoutTheme } from "./PageLayout.theme";

package/dist/icons/Icon.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-export interface IconProps extends React.SVGProps<SVGSVGElement> {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
-    color?: string;
-    strokeWidth?: number;
-    className?: string;
-    /**
-     * Force dark mode styling for the icon. Use when placing the icon
-     * on a dark background while the page is in light mode. This applies the
-     * 'dark' class to the container, making the icon use light colors for visibility.
-     * @default false
-     */
-    darkMode?: boolean;
-}
-export interface IconComponent extends React.FC<IconProps> {
-    displayName?: string;
-}
-/**
- * Icon factory function to create consistent icons
- * @param Svg - The SVG component to render
- * @param displayName - The display name for the component
- * @returns A standardized Icon component
- */
-export declare function createIcon(Svg: React.FC<IconProps>, displayName: string): IconComponent;

package/dist/icons/Icon.js

@@ -1,30 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Icon factory function to create consistent icons
- * @param Svg - The SVG component to render
- * @param displayName - The display name for the component
- * @returns A standardized Icon component
- */
-function createIcon(Svg, displayName) {
-    const Icon = ({ size = 'md', color = 'currentColor', strokeWidth = 2, className = '', darkMode = false, ...props }) => {
-        // Map size names to pixel values
-        const sizeMap = {
-            xs: '16px',
-            sm: '20px',
-            md: '24px',
-            lg: '32px',
-            xl: '40px',
-        };
-        const pixelSize = typeof size === 'string' ? sizeMap[size] || '24px' : `${size}px`;
-        const svg = (jsx(Svg, { width: pixelSize, height: pixelSize, fill: "none", stroke: color, strokeWidth: strokeWidth, className: className, "aria-hidden": "true", style: { width: pixelSize, height: pixelSize, ...props.style }, ...props }));
-        if (darkMode) {
-            return (jsx("span", { className: "dark inline-flex", children: svg }));
-        }
-        return svg;
-    };
-    Icon.displayName = displayName;
-    return Icon;
-}
-
-export { createIcon };

package/dist/icons/Index.d.ts

@@ -1,16 +0,0 @@
-export * from './Icon';
-export * from './core/PlusIcon';
-export * from './core/MinusIcon';
-export * from './core/SearchIcon';
-export * from './core/LockIcon';
-export * from './core/DollarIcon';
-export * from './core/TickIcon';
-import React from 'react';
-interface IconProps {
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    className?: string;
-}
-export declare const CalendarIcon: React.FC<IconProps>;
-export declare const ClockIcon: React.FC<IconProps>;
-export declare const ChartBarIcon: React.FC<IconProps>;
-export declare const UserIcon: React.FC<IconProps>;

package/dist/icons/core/ChevronUpDown.d.ts

@@ -1 +0,0 @@
-export declare const ChevronUpDownIcon: import("../Icon").IconComponent;

package/dist/icons/core/ChevronUpDown.js

@@ -1,7 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-
-const ChevronUpDownSvg = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [jsx("path", { d: "m7 15 5 5 5-5" }), jsx("path", { d: "m7 9 5-5 5 5" })] }));
-const ChevronUpDownIcon = createIcon(ChevronUpDownSvg, 'ChevronUpDownIcon');
-
-export { ChevronUpDownIcon };

package/dist/icons/core/DollarIcon.d.ts

@@ -1 +0,0 @@
-export declare const DollarIcon: import("../Icon").IconComponent;

package/dist/icons/core/DollarIcon.js

@@ -1,5 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-
-const DollarSvg = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [jsx("line", { x1: "12", x2: "12", y1: "2", y2: "22" }), jsx("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })] }));
-createIcon(DollarSvg, 'DollarIcon');

package/dist/icons/core/LockIcon.d.ts

@@ -1 +0,0 @@
-export declare const LockIcon: import("../Icon").IconComponent;

package/dist/icons/core/LockIcon.js

@@ -1,5 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-
-const LockSvg = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }), jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }));
-createIcon(LockSvg, 'LockIcon');

package/dist/icons/core/MinusIcon.d.ts

@@ -1 +0,0 @@
-export declare const MinusIcon: import("../Icon").IconComponent;

package/dist/icons/core/MinusIcon.js

@@ -1,7 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-
-const MinusSvg = (props) => (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: jsx("path", { d: "M5 12h14" }) }));
-const MinusIcon = createIcon(MinusSvg, 'MinusIcon');
-
-export { MinusIcon };

package/dist/icons/core/PlusIcon.d.ts

@@ -1 +0,0 @@
-export declare const PlusIcon: import("../Icon").IconComponent;

package/dist/icons/core/PlusIcon.js

@@ -1,7 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-
-const PlusSvg = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [jsx("path", { d: "M5 12h14" }), jsx("path", { d: "M12 5v14" })] }));
-const PlusIcon = createIcon(PlusSvg, 'PlusIcon');
-
-export { PlusIcon };

package/dist/icons/core/SearchIcon.d.ts

@@ -1 +0,0 @@
-export declare const SearchIcon: import("../Icon").IconComponent;

package/dist/icons/core/SearchIcon.js

@@ -1,7 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-
-const SearchSvg = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("path", { d: "m21 21-4.3-4.3" })] }));
-const SearchIcon = createIcon(SearchSvg, 'SearchIcon');
-
-export { SearchIcon };

package/dist/icons/core/TickIcon.d.ts

@@ -1 +0,0 @@
-export declare const TickIcon: import("../Icon").IconComponent;

package/dist/icons/core/TickIcon.js

@@ -1,5 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createIcon } from '../Icon.js';
-
-const TickSvg = (props) => (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: jsx("path", { d: "M19 6L9 18L4.5 13.5" }) }));
-createIcon(TickSvg, 'TickIcon');

package/dist/icons/core/User.d.ts

@@ -1 +0,0 @@
-export declare const UserIcon: import("../Icon").IconComponent;

package/dist/utils/useClickOutside.d.ts

@@ -1 +0,0 @@
-export { useClickOutside } from '../hooks/useClickOutside';