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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flikk/ui",
-  "version": "1.0.0-beta.10",
+  "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/src/global.scss

@@ -366,7 +366,7 @@
       0.2px 9.5px 8.5px -1.6px rgba(0, 0, 0, 0.06),
       0.5px 22.6px 20.2px -2.4px rgba(0, 0, 0, 0.05),
       1.1px 47.3px 42.2px -3.2px rgba(0, 0, 0, 0.04),
-      2.1px 87.7px 78.3px -4.1px rgba(0, 0, 0, 0.03) !important;
+      2.1px 87.7px 78.3px -4.1px rgba(0, 0, 0, 0.03);
   }
 
   .shadow-real-xl {

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/Button/Button.animations.d.ts

@@ -1,5 +0,0 @@
-import { Variants } from "motion/react";
-/**
- * Get button animation variants based on reduced motion preference
- */
-export declare const getButtonVariants: (shouldReduceMotion: boolean | null) => Variants | undefined;

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/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,13 +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';
-import { Separator } from '../../core/Separator/Separator.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 };