flikkui 0.1.0-beta.2 → 0.1.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flikkui",
-  "version": "0.1.0-beta.2",
+  "version": "0.1.0-beta.4",
   "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",
@@ -14,8 +14,7 @@
     "./components/*": {
       "import": "./dist/components/*.js",
       "types": "./dist/components/*.d.ts"
-    },
-    "./styles.css": "./dist/styles.css"
+    }
   },
   "files": [
     "dist",
@@ -24,7 +23,7 @@
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rollup -c && npm run build:css",
+    "build": "rollup -c",
     "build:css": "tailwindcss -m -i ./src/global.scss -o ./dist/styles.css",
     "watch": "rollup -c -w",
     "typecheck": "tsc --noEmit",
@@ -62,6 +61,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",
+    "@emotion/is-prop-valid": "^1.3.1",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^12.1.2",

package/dist/components/core/Popover/test-popover.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const PopoverExample: () => React.JSX.Element;
-export declare const CustomStyledPopover: () => React.JSX.Element;

package/dist/components/core/Tabs/test-tabs.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const TabsExample: () => React.JSX.Element;
-export declare const VerticalTabsExample: () => React.JSX.Element;

package/dist/components/core/Tree/TreeIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TreeIconProps } from './Tree.types';
-export declare const TreeIcon: React.ForwardRefExoticComponent<TreeIconProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/core/Tree/TreeNode.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { TreeNodeProps } from './Tree.types';
-export declare const TreeNode: React.ForwardRefExoticComponent<TreeNodeProps & {
-    expandedKeys?: string[];
-    selectedKeys?: string[];
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/forms/Input/Input.AdvancedStories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { Input } from "./Input";
-declare const meta: Meta<typeof Input>;
-export default meta;
-type Story = StoryObj<typeof Input>;
-export declare const PasswordWithToggle: Story;
-export declare const PasswordWithToggleAndIcon: Story;
-export declare const DisabledPasswordWithToggle: Story;
-export declare const NumberInput: Story;
-export declare const NumberInputWithLimits: Story;
-export declare const NumberInputWithIcon: Story;
-export declare const NumberInputWithAddon: Story;
-export declare const DisabledNumberInput: Story;

package/dist/node_modules/framer-motion/dist/es/animation/hooks/animation-controls.js

@@ -1,80 +0,0 @@
-import { setTarget } from '../../render/utils/setters.js';
-import { animateVisualElement } from '../interfaces/visual-element.js';
-import { invariant } from '../../../../../motion-utils/dist/es/errors.js';
-
-function stopAnimation(visualElement) {
-    visualElement.values.forEach((value) => value.stop());
-}
-function setVariants(visualElement, variantLabels) {
-    const reversedLabels = [...variantLabels].reverse();
-    reversedLabels.forEach((key) => {
-        const variant = visualElement.getVariant(key);
-        variant && setTarget(visualElement, variant);
-        if (visualElement.variantChildren) {
-            visualElement.variantChildren.forEach((child) => {
-                setVariants(child, variantLabels);
-            });
-        }
-    });
-}
-function setValues(visualElement, definition) {
-    if (Array.isArray(definition)) {
-        return setVariants(visualElement, definition);
-    }
-    else if (typeof definition === "string") {
-        return setVariants(visualElement, [definition]);
-    }
-    else {
-        setTarget(visualElement, definition);
-    }
-}
-/**
- * @public
- */
-function animationControls() {
-    /**
-     * Track whether the host component has mounted.
-     */
-    let hasMounted = false;
-    /**
-     * A collection of linked component animation controls.
-     */
-    const subscribers = new Set();
-    const controls = {
-        subscribe(visualElement) {
-            subscribers.add(visualElement);
-            return () => void subscribers.delete(visualElement);
-        },
-        start(definition, transitionOverride) {
-            invariant(hasMounted, "controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");
-            const animations = [];
-            subscribers.forEach((visualElement) => {
-                animations.push(animateVisualElement(visualElement, definition, {
-                    transitionOverride,
-                }));
-            });
-            return Promise.all(animations);
-        },
-        set(definition) {
-            invariant(hasMounted, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook.");
-            return subscribers.forEach((visualElement) => {
-                setValues(visualElement, definition);
-            });
-        },
-        stop() {
-            subscribers.forEach((visualElement) => {
-                stopAnimation(visualElement);
-            });
-        },
-        mount() {
-            hasMounted = true;
-            return () => {
-                hasMounted = false;
-                controls.stop();
-            };
-        },
-    };
-    return controls;
-}
-
-export { animationControls, setValues };

package/dist/node_modules/framer-motion/dist/es/animation/hooks/use-animation.js

@@ -1,41 +0,0 @@
-import { useConstant } from '../../utils/use-constant.js';
-import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.js';
-import { animationControls } from './animation-controls.js';
-
-/**
- * Creates `LegacyAnimationControls`, which can be used to manually start, stop
- * and sequence animations on one or more components.
- *
- * The returned `LegacyAnimationControls` should be passed to the `animate` property
- * of the components you want to animate.
- *
- * These components can then be animated with the `start` method.
- *
- * ```jsx
- * import * as React from 'react'
- * import { motion, useAnimation } from 'framer-motion'
- *
- * export function MyComponent(props) {
- *    const controls = useAnimation()
- *
- *    controls.start({
- *        x: 100,
- *        transition: { duration: 0.5 },
- *    })
- *
- *    return <motion.div animate={controls} />
- * }
- * ```
- *
- * @returns Animation controller with `start` and `stop` methods
- *
- * @public
- */
-function useAnimationControls() {
-    const controls = useConstant(animationControls);
-    useIsomorphicLayoutEffect(controls.mount, []);
-    return controls;
-}
-const useAnimation = useAnimationControls;
-
-export { useAnimation, useAnimationControls };