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

package/dist/components/effects/Water/Water.types.d.ts

@@ -1,25 +0,0 @@
-import type React from "react";
-import type { ShaderTextureSource } from "../shared";
-export interface WaterProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Source image (URL or an existing HTMLImageElement). Required. */
-    image: ShaderTextureSource;
-    /** Background CSS color shown behind image edges. Default: 'var(--color-surface-sunken)'. */
-    colorBack?: string;
-    /** Caustic highlight tint color. Default: 'var(--color-primary-50)'. */
-    colorHighlight?: string;
-    /** Caustic highlight strength, 0-1+. Default: 0.5. */
-    highlights?: number;
-    /** Secondary caustic layer strength, 0-1. Default: 0.3. */
-    layering?: number;
-    /** Edge ripple distortion strength, 0-1. Default: 0. */
-    edges?: number;
-    /** Overall caustic distortion strength, 0-1. Default: 1. */
-    caustic?: number;
-    /** Wave displacement strength, 0-1. Default: 0.3. */
-    waves?: number;
-    /** Ripple pattern scale. Default: 0.3. */
-    size?: number;
-    /** Animation speed multiplier. Default: 1. */
-    speed?: number;
-    className?: string;
-}

package/dist/components/effects/Water/index.d.ts

@@ -1,2 +0,0 @@
-export { Water } from "./Water";
-export type { WaterProps } from "./Water.types";

package/dist/components/effects/shared/bayerMatrices.glsl.d.ts

@@ -1,10 +0,0 @@
-/**
- * Shared ordered-dithering (Bayer matrix) GLSL, adapted from paper-design/shaders'
- * Dithering and ImageDithering fragment shaders
- * (https://github.com/paper-design/shaders, Apache License 2.0). Both effects
- * in this repo (`Dithering`, `ImageDithering`) interpolate this identical
- * lookup-table logic rather than duplicating it.
- *
- * Consume via template-literal interpolation (e.g. `${glslBayerMatrices}`).
- */
-export declare const glslBayerMatrices = "\nconst int bayer2x2[4] = int[4](0, 2, 3, 1);\nconst int bayer4x4[16] = int[16](\n  0, 8, 2, 10,\n  12, 4, 14, 6,\n  3, 11, 1, 9,\n  15, 7, 13, 5\n);\nconst int bayer8x8[64] = int[64](\n  0, 32, 8, 40, 2, 34, 10, 42,\n  48, 16, 56, 24, 50, 18, 58, 26,\n  12, 44, 4, 36, 14, 46, 6, 38,\n  60, 28, 52, 20, 62, 30, 54, 22,\n  3, 35, 11, 43, 1, 33, 9, 41,\n  51, 19, 59, 27, 49, 17, 57, 25,\n  15, 47, 7, 39, 13, 45, 5, 37,\n  63, 31, 55, 23, 61, 29, 53, 21\n);\n\nfloat getBayerValue(vec2 uv, int size) {\n  ivec2 pos = ivec2(fract(uv / float(size)) * float(size));\n  int index = pos.y * size + pos.x;\n\n  if (size == 2) {\n    return float(bayer2x2[index]) / 4.0;\n  } else if (size == 4) {\n    return float(bayer4x4[index]) / 16.0;\n  } else if (size == 8) {\n    return float(bayer8x8[index]) / 64.0;\n  }\n  return 0.0;\n}\n";

package/dist/components/effects/shared/bayerMatrices.glsl.js

@@ -1,44 +0,0 @@
-/**
- * Shared ordered-dithering (Bayer matrix) GLSL, adapted from paper-design/shaders'
- * Dithering and ImageDithering fragment shaders
- * (https://github.com/paper-design/shaders, Apache License 2.0). Both effects
- * in this repo (`Dithering`, `ImageDithering`) interpolate this identical
- * lookup-table logic rather than duplicating it.
- *
- * Consume via template-literal interpolation (e.g. `${glslBayerMatrices}`).
- */
-const glslBayerMatrices = `
-const int bayer2x2[4] = int[4](0, 2, 3, 1);
-const int bayer4x4[16] = int[16](
-  0, 8, 2, 10,
-  12, 4, 14, 6,
-  3, 11, 1, 9,
-  15, 7, 13, 5
-);
-const int bayer8x8[64] = int[64](
-  0, 32, 8, 40, 2, 34, 10, 42,
-  48, 16, 56, 24, 50, 18, 58, 26,
-  12, 44, 4, 36, 14, 46, 6, 38,
-  60, 28, 52, 20, 62, 30, 54, 22,
-  3, 35, 11, 43, 1, 33, 9, 41,
-  51, 19, 59, 27, 49, 17, 57, 25,
-  15, 47, 7, 39, 13, 45, 5, 37,
-  63, 31, 55, 23, 61, 29, 53, 21
-);
-
-float getBayerValue(vec2 uv, int size) {
-  ivec2 pos = ivec2(fract(uv / float(size)) * float(size));
-  int index = pos.y * size + pos.x;
-
-  if (size == 2) {
-    return float(bayer2x2[index]) / 4.0;
-  } else if (size == 4) {
-    return float(bayer4x4[index]) / 16.0;
-  } else if (size == 8) {
-    return float(bayer8x8[index]) / 64.0;
-  }
-  return 0.0;
-}
-`;
-
-export { glslBayerMatrices };

package/dist/components/effects/shared/imageUV.glsl.d.ts

@@ -1,12 +0,0 @@
-/**
- * Shared "cover fit" image-UV helper for the image-filter effects (Water,
- * ImageDithering, PaperTexture, FlutedGlass, HalftoneDots, HalftoneCmyk).
- * Maps the fullscreen fragment UV to the image's own UV space so the image
- * fills its container edge-to-edge without distortion (matching CSS
- * `object-fit: cover`), given the image's aspect ratio (natural width /
- * natural height) as a uniform. Assumes the fragment UV is
- * `gl_FragCoord.xy / iResolution.xy` and the texture was uploaded with
- * `UNPACK_FLIP_Y_WEBGL = true` (see shared/ShaderCanvas), so this produces a
- * right-side-up sample with no manual Y-flip needed at the call site.
- */
-export declare const glslImageCoverUV = "\nvec2 getImageCoverUV(vec2 fragUV, vec2 resolution, float imageAspectRatio) {\n  float containerAspect = resolution.x / resolution.y;\n  // Container wider (relative to its height) than the image: sample a\n  // narrower vertical slice of the image (crop top/bottom) so it fills the\n  // container width with no letterboxing. Container narrower/taller than\n  // the image: sample a narrower horizontal slice (crop left/right) instead.\n  vec2 scale = containerAspect > imageAspectRatio\n    ? vec2(1.0, imageAspectRatio / containerAspect)\n    : vec2(containerAspect / imageAspectRatio, 1.0);\n  return (fragUV - 0.5) * scale + 0.5;\n}\n";

package/dist/components/effects/shared/imageUV.glsl.js

@@ -1,26 +0,0 @@
-/**
- * Shared "cover fit" image-UV helper for the image-filter effects (Water,
- * ImageDithering, PaperTexture, FlutedGlass, HalftoneDots, HalftoneCmyk).
- * Maps the fullscreen fragment UV to the image's own UV space so the image
- * fills its container edge-to-edge without distortion (matching CSS
- * `object-fit: cover`), given the image's aspect ratio (natural width /
- * natural height) as a uniform. Assumes the fragment UV is
- * `gl_FragCoord.xy / iResolution.xy` and the texture was uploaded with
- * `UNPACK_FLIP_Y_WEBGL = true` (see shared/ShaderCanvas), so this produces a
- * right-side-up sample with no manual Y-flip needed at the call site.
- */
-const glslImageCoverUV = `
-vec2 getImageCoverUV(vec2 fragUV, vec2 resolution, float imageAspectRatio) {
-  float containerAspect = resolution.x / resolution.y;
-  // Container wider (relative to its height) than the image: sample a
-  // narrower vertical slice of the image (crop top/bottom) so it fills the
-  // container width with no letterboxing. Container narrower/taller than
-  // the image: sample a narrower horizontal slice (crop left/right) instead.
-  vec2 scale = containerAspect > imageAspectRatio
-    ? vec2(1.0, imageAspectRatio / containerAspect)
-    : vec2(containerAspect / imageAspectRatio, 1.0);
-  return (fragUV - 0.5) * scale + 0.5;
-}
-`;
-
-export { glslImageCoverUV };

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

@@ -1,7 +0,0 @@
-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

@@ -1,32 +0,0 @@
-"use client";
-/**
- * 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/utils/calendarUtils.d.ts

@@ -1,60 +0,0 @@
-/**
- * Calendar utility functions for event positioning, sizing, and layout calculations
- */
-export interface CalendarEvent {
-    id: string;
-    title: string;
-    startTime: string;
-    endTime: string;
-    date: string;
-    allDay?: boolean;
-    color?: string;
-}
-export interface GridConfig {
-    startTime: string;
-    endTime: string;
-    intervalMinutes: number;
-    pixelsPerSlot: number;
-    showAllDay: boolean;
-}
-export interface EventPosition {
-    top: number;
-    height: number;
-    left: number;
-    width: number;
-    zIndex: number;
-}
-export interface EventLayout {
-    event: CalendarEvent;
-    position: EventPosition;
-    column: number;
-    totalColumns: number;
-}
-export interface TimeSlot {
-    startTime: string;
-    endTime: string;
-    index: number;
-}
-export declare const timeToMinutes: (time: string) => number;
-export declare const minutesToTime: (minutes: number) => string;
-export declare const getEventDuration: (startTime: string, endTime: string) => number;
-export declare const getTotalTimeSlots: (gridConfig: GridConfig) => number;
-export declare const getTimeSlotIndex: (time: string, gridConfig: GridConfig) => number;
-export declare const getTimeSlotForIndex: (index: number, gridConfig: GridConfig) => TimeSlot;
-export declare const calculateEventPosition: (event: CalendarEvent, gridConfig: GridConfig, containerWidth?: number) => EventPosition;
-export declare const calculateEventHeight: (duration: number, intervalMinutes: number, pixelsPerSlot: number) => number;
-export declare const eventsOverlap: (event1: CalendarEvent, event2: CalendarEvent) => boolean;
-export declare const findOverlappingEvents: (events: CalendarEvent[], targetEvent: CalendarEvent) => CalendarEvent[];
-export declare const groupOverlappingEvents: (events: CalendarEvent[]) => CalendarEvent[][];
-export declare const resolveOverlappingEvents: (events: CalendarEvent[], gridConfig: GridConfig, containerWidth?: number) => EventLayout[];
-export declare const generateTimeGrid: (gridConfig: GridConfig) => TimeSlot[];
-export declare const filterEventsByDate: (events: CalendarEvent[], date: string) => CalendarEvent[];
-export declare const sortEventsByStartTime: (events: CalendarEvent[]) => CalendarEvent[];
-export declare const separateAllDayEvents: (events: CalendarEvent[]) => {
-    allDayEvents: CalendarEvent[];
-    timedEvents: CalendarEvent[];
-};
-export declare const isValidTimeFormat: (time: string) => boolean;
-export declare const isValidDateFormat: (date: string) => boolean;
-export declare const validateEvent: (event: CalendarEvent) => string[];
-export declare const DEFAULT_GRID_CONFIGS: Record<string, GridConfig>;