@starwind-ui/core 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Boston343 (webreaper)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# @starwind-ui/core
+
+A collection of accessible UI components built with [Astro](https://astro.build).
+
+This package is utilized by the Starwind UI CLI in order to add components to your project.
+
+**This is not meant to be used independently of the CLI.**
+
+Starwind UI website: [https://starwind.dev/](https://starwind.dev/)

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Component metadata interface describing a Starwind UI component
+ */
+interface ComponentMeta {
+    name: string;
+    version: string;
+    type: "component";
+    dependencies: string[];
+}
+/**
+ * Registry interface containing all available components
+ */
+interface Registry {
+    components: ComponentMeta[];
+}
+/**
+ * Get the absolute path to a component file
+ * @param {string} componentName - The name of the component
+ * @param {string} fileName - The name of the file within the component
+ * @returns {string} The absolute path to the component file
+ */
+declare const getComponentPath: (componentName: string, fileName: string) => string;
+/**
+ * Map of all components and their metadata from registry
+ */
+declare const registry: ComponentMeta[];
+
+export { type ComponentMeta, type Registry, getComponentPath, registry };

package/dist/index.js

@@ -0,0 +1,32 @@
+// src/index.ts
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+// src/registry.json
+var registry_default = [
+  {
+    name: "badge",
+    type: "component",
+    version: "0.0.11",
+    dependencies: []
+  },
+  {
+    name: "button",
+    type: "component",
+    version: "0.0.11",
+    dependencies: []
+  }
+];
+
+// src/index.ts
+var __dirname = fileURLToPath(new URL(".", import.meta.url));
+var getComponentPath = (componentName, fileName) => {
+  const componentsDir = __dirname.includes("dist") ? "src/components" : "src/components";
+  return join(__dirname, componentsDir, componentName, fileName);
+};
+var registry = registry_default;
+export {
+  getComponentPath,
+  registry
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/registry.json"],"sourcesContent":["import { join } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport componentRegistry from \"./registry.json\" assert { type: \"json\" };\n\n/**\n * Component metadata interface describing a Starwind UI component\n */\nexport interface ComponentMeta {\n\tname: string;\n\tversion: string;\n\ttype: \"component\";\n\tdependencies: string[];\n}\n\n/**\n * Registry interface containing all available components\n */\nexport interface Registry {\n\tcomponents: ComponentMeta[];\n}\n\nconst __dirname = fileURLToPath(new URL(\".\", import.meta.url));\n\n/**\n * Get the absolute path to a component file\n * @param {string} componentName - The name of the component\n * @param {string} fileName - The name of the file within the component\n * @returns {string} The absolute path to the component file\n */\nexport const getComponentPath = (componentName: string, fileName: string): string => {\n\t// In production (when installed as a dependency), the components will be in dist/src/components\n\t// In development, they will be in src/components\n\tconst componentsDir = __dirname.includes(\"dist\") ? \"src/components\" : \"src/components\";\n\treturn join(__dirname, componentsDir, componentName, fileName);\n};\n\n/**\n * Map of all components and their metadata from registry\n */\nexport const registry = componentRegistry as ComponentMeta[];\n","[\n\t{\n\t\t\"name\": \"badge\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"0.0.11\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"button\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"0.0.11\",\n\t\t\"dependencies\": []\n\t}\n]\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAS,qBAAqB;;;ACD9B;AAAA,EACC;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AACD;;;ADQA,IAAM,YAAY,cAAc,IAAI,IAAI,KAAK,YAAY,GAAG,CAAC;AAQtD,IAAM,mBAAmB,CAAC,eAAuB,aAA6B;AAGpF,QAAM,gBAAgB,UAAU,SAAS,MAAM,IAAI,mBAAmB;AACtE,SAAO,KAAK,WAAW,eAAe,eAAe,QAAQ;AAC9D;AAKO,IAAM,WAAW;","names":[]}

package/dist/src/components/badge/Badge.astro

@@ -0,0 +1,64 @@
+---
+import type { HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"div">, Omit<HTMLAttributes<"a">, "type"> {
+	/**
+	 * Sets the variant of the badge
+	 * @default "default"
+	 */
+	variant?:
+		| "default"
+		| "primary"
+		| "secondary"
+		| "outline"
+		| "ghost"
+		| "info"
+		| "success"
+		| "warning"
+		| "error";
+	/**
+	 * Sets the size of the badge
+	 * @default "md"
+	 */
+	size?: "sm" | "md" | "lg";
+}
+
+const { variant = "default", size = "md", class: className, ...rest } = Astro.props;
+
+const Tag = Astro.props.href ? "a" : "div";
+---
+
+<Tag
+	class:list={[
+		"starwind-badge starwind-transition-colors inline-flex items-center rounded-full font-semibold",
+		"focus-visible:outline-2 focus-visible:outline-offset-2",
+		{
+			"bg-foreground text-background hover:bg-foreground/80": variant === "default",
+			"bg-primary text-primary-foreground hover:bg-primary/80 focus-visible:outline-primary":
+				variant === "primary",
+			"bg-secondary text-secondary-foreground hover:bg-secondary/80 focus-visible:outline-secondary":
+				variant === "secondary",
+			"border-border hover:border-border/80 focus-visible:outline-outline border":
+				variant === "outline",
+			"bg-info text-info-foreground hover:bg-info/80 focus-visible:outline-info":
+				variant === "info",
+			"bg-success text-success-foreground hover:bg-success/80 focus-visible:outline-success":
+				variant === "success",
+			"bg-warning text-warning-foreground hover:bg-warning/80 focus-visible:outline-warning":
+				variant === "warning",
+			"bg-error text-error-foreground hover:bg-error/80 focus-visible:outline-error":
+				variant === "error",
+			"bg-foreground/10 text-foreground hover:bg-foreground/7 focus-visible:outline-outline":
+				variant === "ghost",
+		},
+		{
+			"px-2.5 py-0.5 text-xs": size === "sm",
+			"px-3 py-0.5 text-sm": size === "md",
+			"px-4 py-1 text-base": size === "lg",
+		},
+		className,
+	]}
+	{...rest}
+>
+	<slot />
+</Tag>

package/dist/src/components/badge/index.ts

@@ -0,0 +1,5 @@
+import Badge from "./Badge.astro";
+
+export { Badge };
+
+export default Badge;

package/dist/src/components/button/Button.astro

@@ -0,0 +1,83 @@
+---
+import type { HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"button">, Omit<HTMLAttributes<"a">, "type"> {
+	/**
+	 * Sets the variant of the button
+	 * @default "primary"
+	 */
+	variant?:
+		| "default"
+		| "primary"
+		| "secondary"
+		| "outline"
+		| "ghost"
+		| "info"
+		| "success"
+		| "warning"
+		| "error";
+	/**
+	 * Sets the size of the button
+	 * @default "md"
+	 */
+	size?: "sm" | "md" | "lg" | "icon";
+	/**
+	 * Sets the border radius of the button
+	 * @default "md"
+	 */
+	radius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+}
+
+const { variant = "default", size = "md", radius = "md", class: className, ...rest } = Astro.props;
+
+const Tag = Astro.props.href ? "a" : "button";
+---
+
+<Tag
+	class:list={[
+		"inline-flex items-center justify-center gap-1.5 font-medium whitespace-nowrap",
+		"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+		"starwind-transition-colors",
+		"focus-visible:outline-2 focus-visible:outline-offset-2",
+		"disabled:pointer-events-none disabled:opacity-50",
+		{
+			"bg-foreground text-background hover:bg-foreground/90 focus-visible:outline-outline":
+				variant === "default",
+			"bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:outline-primary":
+				variant === "primary",
+			"bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:outline-secondary":
+				variant === "secondary",
+			"border-border hover:bg-border hover:text-foreground focus-visible:outline-outline border":
+				variant === "outline",
+			"hover:bg-foreground/10 hover:text-foreground focus-visible:outline-outline bg-transparent":
+				variant === "ghost",
+			"bg-info text-info-foreground hover:bg-info/90 focus-visible:outline-info":
+				variant === "info",
+			"bg-success text-success-foreground hover:bg-success/90 focus-visible:outline-success":
+				variant === "success",
+			"bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:outline-warning":
+				variant === "warning",
+			"bg-error text-error-foreground hover:bg-error/90 focus-visible:outline-error":
+				variant === "error",
+		},
+		{
+			"h-9 px-3 py-2 text-sm": size === "sm",
+			"h-11 px-4 py-2 text-base": size === "md",
+			"h-12 px-8 py-2 text-lg": size === "lg",
+			"h-11 w-11": size === "icon",
+		},
+		{
+			"rounded-none": radius === "none",
+			"rounded-xs": radius === "xs",
+			"rounded-sm": radius === "sm",
+			"rounded-md": radius === "md",
+			"rounded-lg": radius === "lg",
+			"rounded-xl": radius === "xl",
+			"rounded-full": radius === "full",
+		},
+		className,
+	]}
+	{...rest}
+>
+	<slot />
+</Tag>

package/dist/src/components/button/index.ts

@@ -0,0 +1,5 @@
+import Button from "./Button.astro";
+
+export { Button };
+
+export default Button;

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@starwind-ui/core",
+  "version": "0.0.1",
+  "description": "Starwind UI core components and registry",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./registry.json": "./dist/registry.json",
+    "./components/*": "./dist/components/*",
+    "./dist/*": "./dist/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "astro": "^5.0.0",
+    "fs-extra": "^11.2.0",
+    "glob": "^10.3.10",
+    "tailwindcss": "^4.0.0-beta",
+    "tsup": "^8.0.2"
+  },
+  "scripts": {
+    "build": "pnpm clean && tsup",
+    "clean": "node -e \"require('fs-extra').remove('dist')\"",
+    "dev": "tsup --watch",
+    "core:link": "pnpm link --global",
+    "core:unlink": "pnpm rm --global @starwind-ui/core",
+    "sync:docs": "pnpm exec starwind sync src/components ../../apps/docs/src/components/starwind",
+    "sync:demo": "pnpm exec starwind sync src/components ../../apps/demo/src/components/starwind",
+    "publish:beta": "pnpm publish --tag beta --access public",
+    "publish:next": "pnpm publish --tag next --access public",
+    "publish:release": "pnpm publish --access public"
+  }
+}