@flikk/ui 1.0.0-beta.11 → 1.0.0-beta.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flikk/ui",
-  "version": "1.0.0-beta.11",
+  "version": "1.0.0-beta.12",
   "description": "A modern React component library built with TypeScript, Tailwind CSS v4, and Framer Motion. Follows the shadcn philosophy with complete className override support.",
   "type": "module",
   "main": "dist/index.js",

package/dist/components/core/Accordion/AccordionContent.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { AccordionContentProps } from "./Accordion.types";
-export declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Card/CardContent.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CardContentProps } from './Card.types';
-export declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Card/CardContent.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { cardTheme } from './Card.theme.js';
-
-const CardContent = React__default.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsx("div", { ref: ref, className: cn(cardTheme.contentStyle, className), ...props, children: children }));
-});
-CardContent.displayName = 'CardContent';
-
-export { CardContent };

package/dist/components/core/Carousel/CarouselContent.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CarouselContentProps } from './Carousel.types';
-declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
-export { CarouselContent };

package/dist/components/core/ContextMenu/ContextMenuContent.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ContextMenuContentProps } from "./ContextMenu.types";
-/**
- * ContextMenuContent - Renders the menu at cursor position with keyboard navigation
- */
-export declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/ContextMenu/ContextMenuSubContent.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ContextMenuSubContentProps } from "./ContextMenu.types";
-/**
- * ContextMenuSubContent - Submenu content positioned to the right of trigger
- */
-export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Drawer/DrawerContent.d.ts

@@ -1,5 +0,0 @@
-import { DrawerContentProps } from "./Drawer.types";
-export declare const DrawerContent: {
-    ({ children, className, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/core/Drawer/DrawerContent.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { cn } from '../../../utils/cn.js';
-import { useDrawerContext } from './Drawer.js';
-
-const DrawerContent = ({ children, className, ...props }) => {
-    const { theme } = useDrawerContext();
-    return (jsx("div", { className: cn(theme.content, className), ...props, children: children }));
-};
-DrawerContent.displayName = "Drawer.Content";
-
-export { DrawerContent };

package/dist/components/core/Message/MessageContent.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The message content
-     */
-    children: React.ReactNode;
-}
-export declare const MessageContent: React.ForwardRefExoticComponent<MessageContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Popover/PopoverContent.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { PopoverContentProps } from "./Popover.types";
-/**
- * PopoverContent component displays the content of the popover
- */
-declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
-export { PopoverContent };

package/dist/components/core/Tabs/TabsContent.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { TabsContentProps } from "./Tabs.types";
-/**
- * TabsContent component displays content panels for tabs with directional fade animations
- */
-export declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/forms/ColorPicker/ColorPickerContent.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ColorPickerContentProps } from './ColorPicker.types';
-/**
- * ColorPickerContent - Popover content wrapper following Dropdown/Select patterns
- * Uses portal rendering and useSelectPortal for positioning
- */
-export declare const ColorPickerContent: React.FC<ColorPickerContentProps>;

package/dist/components/forms/DatePicker/DatePickerContent.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { DatePickerContentProps } from "./DatePicker.types";
-/**
- * DatePicker Content Component - contains the Calendar and optional Presets
- * Uses portal positioning like Select component
- */
-export declare const DatePickerContent: React.FC<DatePickerContentProps>;

package/dist/components/layout/FormLayout/FormLayoutBody.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { FormLayoutBodyProps } from "./FormLayout.types";
-export declare const FormLayoutBody: React.ForwardRefExoticComponent<FormLayoutBodyProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/FormLayout/FormLayoutBody.js

@@ -1,91 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import '../../core/Accordion/Accordion.js';
-import '../../core/AlertDialog/AlertDialog.js';
-import '../../core/AspectRatio/AspectRatio.js';
-import '../../core/Avatar/Avatar.js';
-import '../../core/AvatarGroup/AvatarGroup.js';
-import '../../core/Badge/Badge.js';
-import '../../core/Breadcrumbs/Breadcrumbs.js';
-import '../../core/Breadcrumbs/Breadcrumbs.theme.js';
-import '../../core/Button/Button.js';
-import '../../core/ButtonGroup/ButtonGroup.js';
-import '../../core/ButtonGroup/ButtonGroupSeparator.js';
-import '../../core/ButtonGroup/ButtonGroupText.js';
-import '../../core/Calendar/Calendar.js';
-import '../../core/Calendar/CalendarMini/CalendarMini.js';
-import '../../core/Card/Card.js';
-import '../../core/CardStack/CardStack.js';
-import '../../core/Carousel/Carousel.js';
-import '../../core/CommandPalette/CommandPalette.js';
-import { Separator } from '../../core/Separator/Separator.js';
-import '../../core/Drawer/Drawer.js';
-import '../../core/Dropdown/Dropdown.js';
-import '../../core/Dropdown/DropdownTrigger.js';
-import '../../core/Dropdown/DropdownMenu.js';
-import '../../core/Dropdown/DropdownItem.js';
-import '../../core/Dropdown/DropdownSection.js';
-import '../../core/Dropdown/DropdownSeparator.js';
-import '../../core/Dropdown/Dropdown.theme.js';
-import '../../core/Kbd/Kbd.js';
-import '../../core/MenuItem/MenuItem.js';
-import '../../core/Link/Link.js';
-import '../../core/Loader/Loader.js';
-import '../../core/Modal/Modal.js';
-import '../../core/ModalStack/ModalStack.js';
-import '../../core/PageHeading/PageHeading.js';
-import '../../core/Pagination/Pagination.js';
-import '../../core/Popover/Popover.js';
-import '../../core/Popover/PopoverContext.js';
-import '../../core/Progress/Progress.js';
-import '../../core/Rating/Rating.js';
-import '../../core/ScrollArea/ScrollArea.js';
-import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
-import '../../core/Segmented/Segmented.js';
-import '../../core/Skeleton/Skeleton.js';
-import '../../core/SlidingNumber/SlidingNumber.js';
-import '../../core/Tabs/Tabs.js';
-import '../../core/Tabs/TabsList.js';
-import '../../core/Tabs/TabsTrigger.js';
-import '../../core/Tabs/TabsContent.js';
-import '../../core/Tabs/TabsContext.js';
-import '../../core/Tooltip/Tooltip.js';
-import '../../core/Tooltip/Tooltip.animations.js';
-import '../../core/Tree/Tree.js';
-import '../../core/Tag/Tag.js';
-import '../../core/Alert/Alert.js';
-import '../../core/Toast/Toast.js';
-import '../../core/Toast/ToastProvider.js';
-import '@heroicons/react/24/solid';
-import '../../core/Spinner/Spinner.js';
-import '../../core/Message/Message.js';
-import '../../core/Message/TypeWriter.js';
-import '../../core/Empty/Empty.js';
-import '../../core/Masonry/Masonry.js';
-import '../../core/DragDrop/DragDrop.js';
-import '../../core/Sortable/Sortable.js';
-import '../../core/NavItem/NavItem.js';
-import '../../core/Sidebar/Sidebar.js';
-import '../../core/Sidebar/SidebarHeader.js';
-import '../../core/Sidebar/SidebarContent.js';
-import '../../core/Sidebar/SidebarFooter.js';
-import '../../core/Sidebar/SidebarNav.js';
-import '../../core/Sidebar/SidebarNavGroup.js';
-import 'motion/react';
-import '../../core/Sidebar/SidebarToggle.js';
-import '../../core/Sidebar/SidebarContext.js';
-import '../../core/OfflineIndicator/OfflineIndicator.js';
-import '../../core/ContextMenu/ContextMenu.js';
-import '../../core/ContextMenu/ContextMenu.theme.js';
-import '../../core/Pill/Pill.js';
-import '../../core/SocialIcon/SocialIcon.js';
-import { formLayoutTheme } from './FormLayout.theme.js';
-
-const FormLayoutBody = React__default.forwardRef(({ className, children, ...props }, ref) => {
-    const childArray = React__default.Children.toArray(children).filter(Boolean);
-    return (jsx("div", { ref: ref, className: cn(formLayoutTheme.body, className), ...props, children: childArray.map((child, index) => (jsxs(React__default.Fragment, { children: [child, index < childArray.length - 1 && jsx(Separator, {})] }, index))) }));
-});
-FormLayoutBody.displayName = "FormLayout.Body";
-
-export { FormLayoutBody };

package/dist/components/layout/FormLayout/FormLayoutHeader.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { FormLayoutHeaderProps } from "./FormLayout.types";
-export declare const FormLayoutHeader: React.ForwardRefExoticComponent<FormLayoutHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/FormLayout/FormLayoutHeader.js

@@ -1,12 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { formLayoutTheme } from './FormLayout.theme.js';
-
-const FormLayoutHeader = React__default.forwardRef(({ title, subtitle, action, className, theme: customTheme, ...props }, ref) => {
-    const theme = { ...formLayoutTheme, ...customTheme };
-    return (jsx("div", { ref: ref, className: cn(theme.header, className), ...props, children: jsxs("div", { className: "flex items-start justify-between", children: [jsxs("div", { children: [jsx("div", { className: theme.headerTitle, children: title }), subtitle && jsx("div", { className: theme.headerSubtitle, children: subtitle })] }), action && jsx("div", { children: action })] }) }));
-});
-FormLayoutHeader.displayName = "FormLayout.Header";
-
-export { FormLayoutHeader };