@lumiastream/ui 0.0.2-alpha.2 → 0.0.2-alpha.4

package/dist/index.cjs

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  LSButton: () => LSButton
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/LSButton/LSButton.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var LSButton = ({
+  primary = false,
+  size = "medium",
+  backgroundColor,
+  label,
+  ...props
+}) => {
+  const mode = primary ? "bg-blue-500" : "bg-gray-500";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      className: [
+        "bg-blue-500",
+        size === "small" ? "px-3 py-1 text-sm" : size === "large" ? "px-6 py-3 text-lg" : "px-4 py-2 text-base",
+        mode
+      ].join(" "),
+      style: { backgroundColor },
+      ...props,
+      children: label
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LSButton
+});

package/dist/index.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LSButtonProps {
+    /** Is this the principal call to action on the page? */
+    primary?: boolean;
+    /** What background color to use */
+    backgroundColor?: string;
+    /** How large should the button be? */
+    size?: 'small' | 'medium' | 'large';
+    /** Button contents */
+    label: string;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+/** Primary UI component for user interaction */
+declare const LSButton: ({ primary, size, backgroundColor, label, ...props }: LSButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { LSButton, type LSButtonProps };

package/package.json

@@ -1,25 +1,27 @@
 {
 	"name": "@lumiastream/ui",
-	"version": "0.0.2-alpha.2",
+	"version": "0.0.2-alpha.4",
 	"author": "Lumia Stream",
 	"license": "ISC",
 	"description": "Lumia UI Kit",
 	"packageManager": "pnpm@10.12.4",
 	"type": "module",
-	"main": "dist/index.mjs",
-	"module": "dist/index.mjs",
+	"main": "dist/index.js",
+	"module": "dist/index.js",
 	"types": "dist/types/index.d.ts",
+	"style": "dist/index.css",
 	"files": [
 		"dist"
 	],
 	"exports": {
 		".": {
-			"import": "./dist/index.mjs"
+			"import": "./dist/index.js",
+			"style": "./dist/index.css"
 		}
 	},
 	"scripts": {
 		"start": "storybook dev -p 6006",
-		"build": "tsup src/index.ts --dts --format esm",
+		"build": "tsup src/index.ts --format esm,cjs --dts --clean",
 		"build-storybook": "storybook build",
 		"release": "changeset && changeset tag && pnpm build && pnpm publish",
 		"prepublishOnly": "pnpm build"