@flikk/ui 1.0.0-beta.1

package/dist/components/forms/Radio/Radio.theme.js

@@ -0,0 +1,16 @@
+/**
+ * Default theme configuration for the Radio component
+ */
+const radioTheme = {
+    baseStyle: "relative flex items-start gap-3",
+    inputContainerStyle: "relative flex-shrink-0 flex items-center justify-center",
+    inputStyle: "peer appearance-none rounded-full border-2 border-[var(--color-border)] bg-white checked:border-[var(--color-primary)] checked:bg-white disabled:border-[var(--color-border)] disabled:bg-[var(--color-background-disabled)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-primary-600)] checked:outline-2 checked:outline-[var(--color-primary-100)] checked:outline-offset-1 transition-all duration-400 data-[state=disabled]:outline-0 data-[state=disabled]:border-[var(--color-border)] data-[state=disabled]:bg-[var(--color-background-disabled)] data-[state=disabled]:cursor-not-allowed",
+    dotStyle: "absolute pointer-events-none rounded-full bg-[var(--color-primary)] opacity-0 transition-all duration-400 peer-data-[state=disabled]:saturate-0 peer-data-[state=disabled]:opacity-80",
+    descriptionStyle: "text-sm text-[var(--color-text-secondary)] mt-1",
+    sizes: {
+        sm: "size-5 mt-0.25",
+        md: "size-6"
+    }
+};
+
+export { radioTheme };

package/dist/components/forms/Radio/Radio.types.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+/**
+ * State variants for the radio component
+ */
+export type RadioState = 'default' | 'disabled';
+/**
+ * Size variants for the radio component
+ */
+export type RadioSize = 'sm' | 'md';
+/**
+ * Radio component props
+ */
+export interface RadioProps extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange' | 'size'> {
+    id: string;
+    name: string;
+    value: string;
+    checked?: boolean;
+    onChange?: (checked: boolean, value: string) => void;
+    label?: string;
+    description?: string;
+    state?: RadioState;
+    size?: RadioSize;
+    className?: string;
+}
+/**
+ * Radio theme configuration
+ */
+export interface RadioTheme {
+    baseStyle: string;
+    inputContainerStyle: string;
+    inputStyle: string;
+    dotStyle: string;
+    descriptionStyle: string;
+    sizes: Record<RadioSize, string>;
+}

package/dist/components/forms/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export { Radio } from './Radio';
+export type { RadioProps, RadioSize, RadioState } from './Radio.types';
+export { radioTheme } from './Radio.theme';

package/dist/components/forms/RichTextEditor/RichTextEditor.animations.d.ts

@@ -0,0 +1,7 @@
+import { Variants } from 'motion/react';
+/**
+ * Floating toolbar animation variants
+ * - Appears from bottom with subtle fade-in using spring animation
+ * - Disappears to top with subtle fade-out
+ */
+export declare const floatingToolbarVariants: Variants;

package/dist/components/forms/RichTextEditor/RichTextEditor.animations.js

@@ -0,0 +1,31 @@
+/**
+ * Floating toolbar animation variants
+ * - Appears from bottom with subtle fade-in using spring animation
+ * - Disappears to top with subtle fade-out
+ */
+const floatingToolbarVariants = {
+    initial: {
+        opacity: 0,
+        y: 4, // Subtle vertical offset from bottom
+    },
+    animate: {
+        opacity: 1,
+        y: 0,
+        transition: {
+            type: "spring",
+            stiffness: 400,
+            damping: 30,
+            mass: 0.8,
+        }
+    },
+    exit: {
+        opacity: 0,
+        y: -4, // Subtle vertical offset to top
+        transition: {
+            duration: 0.15,
+            ease: [0.7, 0, 0.84, 0], // Faster, eased exit
+        }
+    }
+};
+
+export { floatingToolbarVariants };

package/dist/components/forms/RichTextEditor/RichTextEditor.d.ts

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