ikoncomponents 1.0.0

package/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/dist/index.d.mts

@@ -0,0 +1,165 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { Control } from 'react-hook-form';
+import { LucideIcon } from 'lucide-react';
+
+interface BreadcrumbItemProps {
+    title: string;
+    href?: string;
+    level: number;
+}
+
+declare function RenderAppBreadcrumb({ breadcrumb, }: {
+    breadcrumb: BreadcrumbItemProps;
+}): React$1.JSX.Element;
+
+declare const buttonVariants: (props?: {
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "dashed";
+    size?: "default" | "sm" | "lg" | "icon" | "smIcon" | "circular" | "lgIcon";
+} & class_variance_authority_types.ClassProp) => string;
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    children: React__default.ReactNode;
+    asChild?: boolean;
+}
+interface ButtonWithTooltipProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    children: React__default.ReactNode;
+    asChild?: boolean;
+    tooltipContent: string | React__default.ReactNode;
+}
+declare function TextButton({ children, variant, asChild, size, ...props }: ButtonProps): React__default.JSX.Element;
+declare function TextButtonWithTooltip({ children, variant, asChild, size, tooltipContent, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
+declare function IconTextButton({ children, variant, asChild, size, ...props }: ButtonProps): React__default.JSX.Element;
+declare function IconTextButtonWithTooltip({ children, variant, size, asChild, tooltipContent, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
+declare function IconButton({ children, variant, size, asChild, ...props }: ButtonProps): React__default.JSX.Element;
+declare function IconButtonWithTooltip({ children, tooltipContent, asChild, variant, size, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
+
+interface FormComboboxInputProps {
+    formControl: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    formDescription?: string;
+    items: {
+        value: string;
+        label: string;
+        disabled?: boolean | ((item: any) => boolean);
+    }[];
+    disabled?: boolean | ((...args: any[]) => boolean);
+    onSelect?: (value: any) => void;
+    value?: string;
+    onChange?: (value: any) => void;
+}
+
+interface GlowingEffectProps {
+    blur?: number;
+    inactiveZone?: number;
+    proximity?: number;
+    spread?: number;
+    variant?: "default" | "white";
+    glow?: boolean;
+    className?: string;
+    disabled?: boolean;
+    movementDuration?: number;
+    borderWidth?: number;
+}
+declare const GlowingEffect: React$1.MemoExoticComponent<({ blur, inactiveZone, proximity, spread, variant, glow, className, movementDuration, borderWidth, disabled, }: GlowingEffectProps) => React$1.JSX.Element>;
+
+interface ISVGProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    className?: string;
+}
+interface LoadingSpinnerProps extends ISVGProps {
+    visible?: boolean;
+}
+declare const LoadingSpinner: ({ size, className, visible, ...props }: LoadingSpinnerProps) => React$1.JSX.Element;
+
+declare function SheetComponent({ buttonText, buttonIcon, buttonStyle, sheetContent, sheetDescription, sheetTitle, closeButton }: {
+    buttonText?: React.ReactNode;
+    buttonIcon?: React.ReactNode;
+    buttonStyle?: string;
+    sheetTitle?: React.ReactNode;
+    sheetDescription?: React.ReactNode;
+    sheetContent?: React.ReactNode;
+    closeButton?: boolean;
+}): React$1.JSX.Element;
+
+declare function SkeletonWidget({ count }: {
+    count: number;
+}): React$1.JSX.Element;
+
+interface Props {
+    title: string;
+    value: number;
+    valueText?: string;
+    isPercent?: boolean;
+    className?: string;
+    titleClassName?: string;
+    valueClassName?: string;
+    progressClassName?: string;
+}
+declare function TitleProgress({ title, value, valueText, isPercent, className, titleClassName, valueClassName, progressClassName }: Props): React$1.JSX.Element;
+
+declare function Tooltip({ tooltipContent, children }: {
+    tooltipContent: string | React.ReactNode;
+    children: React.ReactNode;
+}): React$1.JSX.Element;
+
+interface FrameworkEntry {
+    id: string;
+    index: string;
+    title: string;
+    description: string;
+    parentId: string | null;
+    treatAsParent: boolean;
+}
+interface TreeNode extends FrameworkEntry {
+    level: number;
+}
+interface ParentEntry extends FrameworkEntry {
+    childrenArray: string[];
+}
+interface ProcessedFrameworkData {
+    flatTree: TreeNode[];
+    itemMap: Record<string, {
+        parentId: string | null;
+        childrenIds: string[];
+    }>;
+}
+interface FrameworkItemDropdownProps {
+    processedData: ProcessedFrameworkData;
+    value: string[];
+    onChange: (newSelection: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    className?: string;
+}
+declare function FrameworkItemDropdown({ processedData, value, onChange, placeholder, searchPlaceholder, className, }: FrameworkItemDropdownProps): React$1.JSX.Element;
+
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): React$1.JSX.Element;
+
+declare function AppSidebar({ ...props }: React$1.ComponentProps<typeof Sidebar>): React$1.JSX.Element;
+
+declare function NavMain({ items, }: {
+    items: {
+        title: string;
+        url: string;
+        icon?: LucideIcon;
+        isActive?: boolean;
+        default?: boolean;
+        items?: {
+            title: string;
+            url: string;
+        }[];
+    }[];
+}): React$1.JSX.Element;
+
+declare function ThemeSwitcher(): React$1.JSX.Element;
+
+export { AppSidebar, type ButtonProps, type ButtonWithTooltipProps, type FormComboboxInputProps, type FrameworkEntry, FrameworkItemDropdown, GlowingEffect, type ISVGProps, IconButton, IconButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, LoadingSpinner, type LoadingSpinnerProps, NavMain, type ParentEntry, type ProcessedFrameworkData, RenderAppBreadcrumb, SheetComponent, SkeletonWidget, TextButton, TextButtonWithTooltip, ThemeSwitcher, TitleProgress, Tooltip, type TreeNode };

package/dist/index.d.ts

@@ -0,0 +1,165 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { Control } from 'react-hook-form';
+import { LucideIcon } from 'lucide-react';
+
+interface BreadcrumbItemProps {
+    title: string;
+    href?: string;
+    level: number;
+}
+
+declare function RenderAppBreadcrumb({ breadcrumb, }: {
+    breadcrumb: BreadcrumbItemProps;
+}): React$1.JSX.Element;
+
+declare const buttonVariants: (props?: {
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "dashed";
+    size?: "default" | "sm" | "lg" | "icon" | "smIcon" | "circular" | "lgIcon";
+} & class_variance_authority_types.ClassProp) => string;
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    children: React__default.ReactNode;
+    asChild?: boolean;
+}
+interface ButtonWithTooltipProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    children: React__default.ReactNode;
+    asChild?: boolean;
+    tooltipContent: string | React__default.ReactNode;
+}
+declare function TextButton({ children, variant, asChild, size, ...props }: ButtonProps): React__default.JSX.Element;
+declare function TextButtonWithTooltip({ children, variant, asChild, size, tooltipContent, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
+declare function IconTextButton({ children, variant, asChild, size, ...props }: ButtonProps): React__default.JSX.Element;
+declare function IconTextButtonWithTooltip({ children, variant, size, asChild, tooltipContent, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
+declare function IconButton({ children, variant, size, asChild, ...props }: ButtonProps): React__default.JSX.Element;
+declare function IconButtonWithTooltip({ children, tooltipContent, asChild, variant, size, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
+
+interface FormComboboxInputProps {
+    formControl: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    formDescription?: string;
+    items: {
+        value: string;
+        label: string;
+        disabled?: boolean | ((item: any) => boolean);
+    }[];
+    disabled?: boolean | ((...args: any[]) => boolean);
+    onSelect?: (value: any) => void;
+    value?: string;
+    onChange?: (value: any) => void;
+}
+
+interface GlowingEffectProps {
+    blur?: number;
+    inactiveZone?: number;
+    proximity?: number;
+    spread?: number;
+    variant?: "default" | "white";
+    glow?: boolean;
+    className?: string;
+    disabled?: boolean;
+    movementDuration?: number;
+    borderWidth?: number;
+}
+declare const GlowingEffect: React$1.MemoExoticComponent<({ blur, inactiveZone, proximity, spread, variant, glow, className, movementDuration, borderWidth, disabled, }: GlowingEffectProps) => React$1.JSX.Element>;
+
+interface ISVGProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    className?: string;
+}
+interface LoadingSpinnerProps extends ISVGProps {
+    visible?: boolean;
+}
+declare const LoadingSpinner: ({ size, className, visible, ...props }: LoadingSpinnerProps) => React$1.JSX.Element;
+
+declare function SheetComponent({ buttonText, buttonIcon, buttonStyle, sheetContent, sheetDescription, sheetTitle, closeButton }: {
+    buttonText?: React.ReactNode;
+    buttonIcon?: React.ReactNode;
+    buttonStyle?: string;
+    sheetTitle?: React.ReactNode;
+    sheetDescription?: React.ReactNode;
+    sheetContent?: React.ReactNode;
+    closeButton?: boolean;
+}): React$1.JSX.Element;
+
+declare function SkeletonWidget({ count }: {
+    count: number;
+}): React$1.JSX.Element;
+
+interface Props {
+    title: string;
+    value: number;
+    valueText?: string;
+    isPercent?: boolean;
+    className?: string;
+    titleClassName?: string;
+    valueClassName?: string;
+    progressClassName?: string;
+}
+declare function TitleProgress({ title, value, valueText, isPercent, className, titleClassName, valueClassName, progressClassName }: Props): React$1.JSX.Element;
+
+declare function Tooltip({ tooltipContent, children }: {
+    tooltipContent: string | React.ReactNode;
+    children: React.ReactNode;
+}): React$1.JSX.Element;
+
+interface FrameworkEntry {
+    id: string;
+    index: string;
+    title: string;
+    description: string;
+    parentId: string | null;
+    treatAsParent: boolean;
+}
+interface TreeNode extends FrameworkEntry {
+    level: number;
+}
+interface ParentEntry extends FrameworkEntry {
+    childrenArray: string[];
+}
+interface ProcessedFrameworkData {
+    flatTree: TreeNode[];
+    itemMap: Record<string, {
+        parentId: string | null;
+        childrenIds: string[];
+    }>;
+}
+interface FrameworkItemDropdownProps {
+    processedData: ProcessedFrameworkData;
+    value: string[];
+    onChange: (newSelection: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    className?: string;
+}
+declare function FrameworkItemDropdown({ processedData, value, onChange, placeholder, searchPlaceholder, className, }: FrameworkItemDropdownProps): React$1.JSX.Element;
+
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): React$1.JSX.Element;
+
+declare function AppSidebar({ ...props }: React$1.ComponentProps<typeof Sidebar>): React$1.JSX.Element;
+
+declare function NavMain({ items, }: {
+    items: {
+        title: string;
+        url: string;
+        icon?: LucideIcon;
+        isActive?: boolean;
+        default?: boolean;
+        items?: {
+            title: string;
+            url: string;
+        }[];
+    }[];
+}): React$1.JSX.Element;
+
+declare function ThemeSwitcher(): React$1.JSX.Element;
+
+export { AppSidebar, type ButtonProps, type ButtonWithTooltipProps, type FormComboboxInputProps, type FrameworkEntry, FrameworkItemDropdown, GlowingEffect, type ISVGProps, IconButton, IconButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, LoadingSpinner, type LoadingSpinnerProps, NavMain, type ParentEntry, type ProcessedFrameworkData, RenderAppBreadcrumb, SheetComponent, SkeletonWidget, TextButton, TextButtonWithTooltip, ThemeSwitcher, TitleProgress, Tooltip, type TreeNode };