npm - @becklyn/components - Versions diffs - 0.1.4 → 0.2.0 - Mend

@becklyn/components 0.1.4 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/cli/init.js CHANGED Viewed

@@ -50,7 +50,7 @@ const util_1 = require("util");
 const execAsync = (0, util_1.promisify)(child_process_1.exec);
 const requiredPeerDependencies = ["next", "react", "react-dom", "@types/react", "@types/react-dom"];
 const devDependencies = ["sass", "typescript"];
-const dependencies = ["zod", "clsx", "@becklyn/next"];
+const dependencies = ["clsx", "@becklyn/next"];
 function init() {
     return __awaiter(this, void 0, void 0, function* () {
         console.log("🚀 Initializing @becklyn/components in your project...\n");

package/dist/components/atoms/Clickable/Clickable.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { FC, PropsWithChildren } from "react";
+interface ClickableProps {
+    href: string;
+    type: "button" | "submit" | "reset";
+    variant?: "primary" | "secondary" | "tertiary";
+    disabled?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+export declare const Clickable: FC<PropsWithChildren<ClickableProps>>;
+export {};
+//# sourceMappingURL=Clickable.d.ts.map

package/dist/components/atoms/Clickable/Clickable.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Clickable.d.ts","sourceRoot":"","sources":["../../../../components/atoms/Clickable/Clickable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAwB,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK3E,UAAU,cAAc;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAmBD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAe3D,CAAC"}

package/dist/components/atoms/{Button/Button.js → Clickable/Clickable.js} RENAMED Viewed

@@ -14,22 +14,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
+exports.Clickable = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const link_1 = __importDefault(require("next/link"));
 const clsx_1 = __importDefault(require("clsx"));
-const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
-const ButtonSchema_1 = require("./ButtonSchema");
-const ButtonWrapperComponent = (_a) => {
+const Clickable_module_scss_1 = __importDefault(require("./Clickable.module.scss"));
+const ClickableWrapperComponent = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
     return props.href ? ((0, jsx_runtime_1.jsx)(link_1.default, Object.assign({ href: props.href }, props, { children: children }))) : ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: props.type || "button" }, props, { children: children })));
 };
-const Button = props => {
-    const validatedProps = ButtonSchema_1.ButtonSchema.safeParse(props);
-    if (!validatedProps.data) {
-        return undefined;
-    }
-    const _a = validatedProps.data, { variant, disabled, className } = _a, restProps = __rest(_a, ["variant", "disabled", "className"]);
-    return ((0, jsx_runtime_1.jsx)(ButtonWrapperComponent, Object.assign({}, restProps, { className: (0, clsx_1.default)(Button_module_scss_1.default.button, Button_module_scss_1.default[variant], disabled && Button_module_scss_1.default.disabled, className), children: props.children })));
+const Clickable = props => {
+    const { variant, disabled, className } = props, restProps = __rest(props, ["variant", "disabled", "className"]);
+    return ((0, jsx_runtime_1.jsx)(ClickableWrapperComponent, Object.assign({}, restProps, { className: (0, clsx_1.default)(Clickable_module_scss_1.default.clickable, variant ? Clickable_module_scss_1.default[variant] : undefined, disabled && Clickable_module_scss_1.default.disabled, className), children: props.children })));
 };
-exports.Button = Button;
+exports.Clickable = Clickable;

package/dist/components/atoms/{Button/Button.stories.d.ts → Clickable/Clickable.stories.d.ts} RENAMED Viewed

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import { Button } from "./Button";
-declare const meta: Meta<typeof Button>;
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { Clickable } from "./Clickable";
+declare const meta: Meta<typeof Clickable>;
 export default meta;
-type Story = StoryObj<typeof Button>;
+type Story = StoryObj<typeof Clickable>;
 export declare const Primary: Story;
 export declare const PrimaryDisabled: Story;
 export declare const Secondary: Story;
 export declare const SecondaryDisabled: Story;
 export declare const Tertiary: Story;
 export declare const TertiaryDisabled: Story;
-//# sourceMappingURL=Button.stories.d.ts.map
+//# sourceMappingURL=Clickable.stories.d.ts.map

package/dist/components/atoms/Clickable/Clickable.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Clickable.stories.d.ts","sourceRoot":"","sources":["../../../../components/atoms/Clickable/Clickable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA8BhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC"}

package/dist/components/atoms/{Button/Button.stories.js → Clickable/Clickable.stories.js} RENAMED Viewed

@@ -7,10 +7,10 @@ exports.TertiaryDisabled = exports.Tertiary = exports.SecondaryDisabled = export
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const Story_module_scss_1 = __importDefault(require("@becklyn/components/.storybook/Story.module.scss"));
-const Button_1 = require("./Button");
+const Clickable_1 = require("./Clickable");
 const meta = {
     title: "Atoms/Button/Button",
-    component: Button_1.Button,
+    component: Clickable_1.Clickable,
     parameters: {
         layout: "centered",
     },
@@ -28,7 +28,7 @@ const meta = {
         const handleOnClick = () => {
             alert("Button clicked!");
         };
-        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)(Story_module_scss_1.default.storyContainer, Story_module_scss_1.default.large, Story_module_scss_1.default.flex), children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args, { onClick: handleOnClick })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, args, { href: "#", children: "Button as Link" }))] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)(Story_module_scss_1.default.storyContainer, Story_module_scss_1.default.large, Story_module_scss_1.default.flex), children: [(0, jsx_runtime_1.jsx)(Clickable_1.Clickable, Object.assign({}, args, { onClick: handleOnClick })), (0, jsx_runtime_1.jsx)(Clickable_1.Clickable, Object.assign({}, args, { href: "#", children: "Button as Link" }))] }));
     },
 };
 exports.default = meta;

package/package.json CHANGED Viewed

@@ -1,50 +1,50 @@
 {
-    "name": "@becklyn/components",
-    "version": "0.1.4",
-    "license": "MIT",
-    "homepage": "https://github.com/Becklyn-Studios/ts-libs/tree/main/packages/components",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/Becklyn-Studios/ts-libs.git"
-    },
-    "scripts": {
-        "lint": "eslint . --max-warnings 0 && prettier --check \"./**/*.{ts,tsx}\"",
-        "fix": "eslint . --fix && prettier --write \"./**/*.{ts,tsx,scss}\"",
-        "build": "rm -rf dist && tsc && chmod +x dist/bin/cli.js",
-        "prepublishOnly": "npm run lint && npm run build",
-        "storybook": "storybook dev -p 6006",
-        "storybook-build": "storybook build"
-    },
-    "dependencies": {
-        "commander": "^14.0.2"
-    },
-    "devDependencies": {
-        "@becklyn/eslint": "*",
-        "@becklyn/next": "^4.2.3",
-        "@becklyn/tsconfig": "*",
-        "@storybook/addon-designs": "^11.0.3",
-        "@storybook/addon-docs": "^10.1.2",
-        "@storybook/addon-links": "^10.1.2",
-        "@storybook/nextjs": "^10.1.2",
-        "@types/node": "^24.10.1",
-        "@types/react": "^19.2.7",
-        "clsx": "^2.1.1",
-        "eslint-plugin-storybook": "^10.1.2",
-        "next": "^15.5.6",
-        "react": "^19.2.0",
-        "react-dom": "^19.2.0",
-        "sass": "^1.94.2",
-        "storybook": "^10.1.2",
-        "zod": "^4.1.13"
-    },
-    "peerDependencies": {
-        "react": "^18.3.1 || ^19.0.0",
-        "react-dom": "^18.3.1 || ^19.0.0"
-    },
-    "bin": {
-        "becklyn-components": "dist/bin/cli.js"
-    },
-    "files": [
-        "dist"
-    ]
+  "name": "@becklyn/components",
+  "version": "0.2.0",
+  "license": "MIT",
+  "homepage": "https://github.com/Becklyn-Studios/ts-libs/tree/main/packages/components",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Becklyn-Studios/ts-libs.git"
+  },
+  "scripts": {
+    "lint": "eslint . --max-warnings 0 && prettier --check \"./**/*.{ts,tsx}\"",
+    "fix": "eslint . --fix && prettier --write \"./**/*.{ts,tsx,scss}\"",
+    "build": "rm -rf dist && tsc && chmod +x dist/bin/cli.js",
+    "prepublishOnly": "npm run lint && npm run build",
+    "storybook": "storybook dev -p 6006",
+    "storybook-build": "storybook build"
+  },
+  "dependencies": {
+    "commander": "^14.0.2"
+  },
+  "devDependencies": {
+    "@becklyn/eslint": "*",
+    "@becklyn/next": "^4.2.6",
+    "@becklyn/tsconfig": "*",
+    "@storybook/addon-designs": "^11.1.0",
+    "@storybook/addon-docs": "^10.1.9",
+    "@storybook/addon-links": "^10.1.9",
+    "@types/node": "^24.10.4",
+    "@types/react": "^19.2.7",
+    "clsx": "^2.1.1",
+    "eslint-plugin-storybook": "^10.1.9",
+    "next": "^16.0.10",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "sass": "^1.97.0",
+    "storybook": "^10.1.9",
+    "@storybook/nextjs-vite": "10.1.9",
+    "vite": "^7.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1 || ^19.0.0",
+    "react-dom": "^18.3.1 || ^19.0.0"
+  },
+  "bin": {
+    "becklyn-components": "dist/bin/cli.js"
+  },
+  "files": [
+    "dist"
+  ]
 }

package/dist/components/atoms/Button/Button.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import { FC, PropsWithChildren } from "react";
-import { ButtonProps } from "./ButtonSchema";
-export declare const Button: FC<PropsWithChildren<ButtonProps>>;
-//# sourceMappingURL=Button.d.ts.map

package/dist/components/atoms/Button/Button.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAwB,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI3E,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAgB3D,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAqBrD,CAAC"}

package/dist/components/atoms/Button/Button.stories.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../components/atoms/Button/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC"}

package/dist/components/atoms/Button/ButtonSchema.d.ts DELETED Viewed

@@ -1,27 +0,0 @@
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from "react";
-import { z } from "zod";
-export declare const ButtonVariantSchema: z.ZodEnum<{
-    primary: "primary";
-    secondary: "secondary";
-    tertiary: "tertiary";
-}>;
-export type ButtonVariant = z.input<typeof ButtonVariantSchema>;
-/**
- * Zod schema for Button component props validation
- */
-export declare const ButtonSchema: z.ZodObject<{
-    variant: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-        primary: "primary";
-        secondary: "secondary";
-        tertiary: "tertiary";
-    }>>>;
-    disabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    type: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-        button: "button";
-        submit: "submit";
-        reset: "reset";
-    }>>>;
-    className: z.ZodDefault<z.ZodOptional<z.ZodString>>;
-}, z.core.$loose>;
-export type ButtonProps = z.input<typeof ButtonSchema> & (ButtonHTMLAttributes<HTMLButtonElement> | AnchorHTMLAttributes<HTMLAnchorElement>);
-//# sourceMappingURL=ButtonSchema.d.ts.map

package/dist/components/atoms/Button/ButtonSchema.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ButtonSchema.d.ts","sourceRoot":"","sources":["../../../../components/atoms/Button/ButtonSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,mBAAmB;;;;EAA+C,CAAC;AAChF,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;iBASvB,CAAC;AAGH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,GAClD,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC"}

package/dist/components/atoms/Button/ButtonSchema.js DELETED Viewed

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonSchema = exports.ButtonVariantSchema = void 0;
-const zod_1 = require("zod");
-// Zod schema for button variants
-exports.ButtonVariantSchema = zod_1.z.enum(["primary", "secondary", "tertiary"]);
-/**
- * Zod schema for Button component props validation
- */
-exports.ButtonSchema = zod_1.z.looseObject({
-    // Visual style variant
-    variant: exports.ButtonVariantSchema.optional().default("primary"),
-    // Full width button
-    disabled: zod_1.z.boolean().optional().default(false),
-    // type of the button, defaults to "button"
-    type: zod_1.z.enum(["button", "submit", "reset"]).optional().default("button"),
-    // CSS class
-    className: zod_1.z.string().optional().default(""),
-});