notionsoft-ui 1.0.12 → 1.0.14

package/cli/index.cjs

@@ -10,10 +10,10 @@ const { execSync } = require("child_process");
    Helper: get template path
 ------------------------------- */
 function getTemplateFile(component) {
-  // Library template: src/components/notion-ui/button/button.tsx
+  // Library template: src/notion-ui/button/button.tsx
   return path.join(
     __dirname,
-    "../src/components/notion-ui",
+    "../src/notion-ui",
     component,
     component + ".tsx"
   );
@@ -153,7 +153,7 @@ program
   .command("list")
   .description("List available components")
   .action(() => {
-    const templatesDir = path.join(__dirname, "../src/components/notion-ui");
+    const templatesDir = path.join(__dirname, "../src/notion-ui");
     const components = fs.readdirSync(templatesDir).filter((folder) => {
       const file = path.join(templatesDir, folder, folder + ".tsx");
       return fs.existsSync(file);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "notionsoft-ui",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "A React UI component installer (shadcn-style). Installs components directly into your project.",
   "bin": {
     "notionsoft-ui": "./cli/index.cjs"

package/src/notion-ui/animated-item/animated-item.tsx

@@ -32,7 +32,7 @@ export interface AnimatedItemProps {
   children: React.ReactNode | ((inView: boolean) => React.ReactNode);
 }
 
-export function AnimatedItem(props: AnimatedItemProps) {
+export default function AnimatedItem(props: AnimatedItemProps) {
   const [inView, setInView] = useState(false);
   const { springProps, intersectionArgs, children } = props;
   const defaultOnStart = useCallback(

package/src/notion-ui/boolean-status-button/BooleanStatusButton.stories.tsx

@@ -1,4 +1,4 @@
-import { BooleanStatusButton } from "./BooleanStatusButton";
+import BooleanStatusButton from "./BooleanStatusButton";
 import type { Meta, StoryObj } from "@storybook/react";
 
 // --------------------------------------------

package/src/notion-ui/boolean-status-button/BooleanStatusButton.tsx

@@ -9,7 +9,7 @@ export interface BooleanStatusButtonProps {
   className?: string;
 }
 
-export function BooleanStatusButton(props: BooleanStatusButtonProps) {
+export default function BooleanStatusButton(props: BooleanStatusButtonProps) {
   const { getColor, className } = props;
   const data = getColor();
 

package/src/notion-ui/button-spinner/ButtonSpinner.stories.tsx

@@ -1,5 +1,5 @@
 import Button from "../button/button";
-import { ButtonSpinner } from "./button-spinner";
+import ButtonSpinner from "./button-spinner";
 import type { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof ButtonSpinner> = {

package/src/notion-ui/button-spinner/button-spinner.tsx

@@ -7,7 +7,7 @@ export interface IButtonSpinnerProps {
   className?: string;
 }
 
-export function ButtonSpinner(props: IButtonSpinnerProps) {
+export default function ButtonSpinner(props: IButtonSpinnerProps) {
   const { loading, children, className } = props;
   return (
     <>

package/src/notion-ui/circle-loader/CircleLoader.stories.tsx

@@ -1,4 +1,4 @@
-import { CircleLoader } from "./circle-loader"; // Adjust the import path as needed
+import CircleLoader from "./circle-loader"; // Adjust the import path as needed
 import { CircleLoaderProps } from "./circle-loader";
 
 // Meta information for Storybook

package/src/notion-ui/circle-loader/circle-loader.tsx

@@ -8,7 +8,7 @@ export interface CircleLoaderProps {
   parentClassName?: string;
 }
 
-export function CircleLoader(props: CircleLoaderProps) {
+export default function CircleLoader(props: CircleLoaderProps) {
   const { label, className, labelclassname, parentClassName, ...restProps } =
     props;
 

package/src/notion-ui/input/input.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
 // import { cn } from "@/utils/cn";
 import { cn } from "../../utils/cn";
-import AnimatedItem from "@/components/notion-ui/animated-item";
+import AnimatedItem from "@/components/notion-ui/animated-item/animated-item";
 // import AnimatedItem from "../animated-item";
 
 export type NastranInputSize = "sm" | "md" | "lg";
@@ -191,3 +191,5 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
     );
   }
 );
+
+export default Input;

package/src/notion-ui/sheet/AnimatedSheet.stories.tsx

@@ -1,5 +1,5 @@
 import Button from "../button/button";
-import { AnimatedSheet } from "./AnimatedSheet";
+import AnimatedSheet from "./AnimatedSheet";
 import type { Meta, StoryObj } from "@storybook/react";
 import { useState } from "react";
 

package/src/notion-ui/sheet/AnimatedSheet.tsx

@@ -22,7 +22,7 @@ type AnimatedSheetProps = {
   animate: AnimateType;
 };
 
-export function AnimatedSheet({
+export default function AnimatedSheet({
   open,
   onClose,
   children,

package/src/notion-ui/shining-text/shining-text.stories.tsx

@@ -1,4 +1,4 @@
-import { ShiningText } from "./shining-text";
+import ShiningText from "./shining-text";
 
 import type { Meta, StoryObj } from "@storybook/react";
 

package/src/notion-ui/shining-text/shining-text.tsx

@@ -7,7 +7,11 @@ interface ShiningTextProps extends React.HTMLAttributes<HTMLSpanElement> {
   text: string;
 }
 
-export function ShiningText({ text, className, ...props }: ShiningTextProps) {
+export default function ShiningText({
+  text,
+  className,
+  ...props
+}: ShiningTextProps) {
   // Animate strictly left → right
   const styles = useSpring({
     from: { backgroundPosition: "-100% 0%" }, // start offscreen left

package/src/notion-ui/animated-item/index.ts

@@ -1,3 +0,0 @@
-import { AnimatedItem } from "./animated-item";
-
-export default AnimatedItem;

package/src/notion-ui/boolean-status-button/index.ts

@@ -1,3 +0,0 @@
-import { BooleanStatusButton } from "./BooleanStatusButton";
-
-export default BooleanStatusButton;

package/src/notion-ui/button/index.ts

@@ -1,3 +0,0 @@
-import Button from "./button";
-
-export default Button;

package/src/notion-ui/circle-loader/index.ts

@@ -1,3 +0,0 @@
-import { CircleLoader } from "./circle-loader";
-
-export default CircleLoader;

package/src/notion-ui/input/index.ts

@@ -1,3 +0,0 @@
-import { Input } from "./input";
-
-export default Input;

package/src/notion-ui/sheet/index.ts

@@ -1,3 +0,0 @@
-import { AnimatedSheet } from "./AnimatedSheet";
-
-export default AnimatedSheet;

package/src/notion-ui/shining-text/index.ts

@@ -1,3 +0,0 @@
-import { ShiningText } from "./shining-text";
-
-export default ShiningText;