@becklyn/components 0.1.5 → 0.2.1

package/dist/cli/init.js

@@ -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

@@ -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

@@ -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}

@@ -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}

@@ -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

@@ -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}

@@ -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

@@ -1,6 +1,6 @@
 {
     "name": "@becklyn/components",
-    "version": "0.1.5",
+    "version": "0.2.1",
     "license": "MIT",
     "homepage": "https://github.com/Becklyn-Studios/ts-libs/tree/main/packages/components",
     "repository": {
@@ -20,22 +20,22 @@
     },
     "devDependencies": {
         "@becklyn/eslint": "*",
-        "@becklyn/next": "^4.2.4",
+        "@becklyn/next": "^4.2.6",
         "@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",
+        "@storybook/addon-designs": "^11.1.0",
+        "@storybook/addon-docs": "^10.1.10",
+        "@storybook/addon-links": "^10.1.10",
+        "@types/node": "^24.10.4",
         "@types/react": "^19.2.7",
         "clsx": "^2.1.1",
-        "eslint-plugin-storybook": "^10.1.2",
-        "next": "^15.5.7",
-        "react": "^19.2.1",
-        "react-dom": "^19.2.1",
-        "sass": "^1.94.2",
-        "storybook": "^10.1.2",
-        "zod": "^4.1.13"
+        "eslint-plugin-storybook": "^10.1.10",
+        "next": "^16.0.10",
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3",
+        "sass": "^1.97.0",
+        "storybook": "^10.1.10",
+        "@storybook/nextjs-vite": "10.1.10",
+        "vite": "^7.3.0"
     },
     "peerDependencies": {
         "react": "^18.3.1 || ^19.0.0",

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

@@ -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

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

@@ -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

@@ -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

@@ -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

@@ -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(""),
-});