the-omelet-ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/button.tsx
+var styles = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-xl font-medium outline-none transition-colors focus-visible:ring-2 ring-black/20 disabled:opacity-50 disabled:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        solid: "bg-black text-white hover:bg-black/85",
+        outline: "border border-black text-black hover:bg-black/5",
+        ghost: "text-black hover:bg-black/5"
+      },
+      size: { sm: "h-9 px-3 text-sm", md: "h-10 px-4", lg: "h-11 px-5 text-base" }
+    },
+    defaultVariants: { variant: "solid", size: "md" }
+  }
+);
+var Button = React__namespace.forwardRef(
+  ({ className, variant, size, asChild, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, className: tailwindMerge.twMerge(styles({ variant, size }), className), ...props });
+  }
+);
+Button.displayName = "Button";
+
+exports.Button = Button;

package/dist/index.d.cts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const styles: (props?: ({
+    variant?: "solid" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof styles> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const styles: (props?: ({
+    variant?: "solid" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof styles> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/index.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/button.tsx
+var styles = cva(
+  "inline-flex items-center justify-center rounded-xl font-medium outline-none transition-colors focus-visible:ring-2 ring-black/20 disabled:opacity-50 disabled:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        solid: "bg-black text-white hover:bg-black/85",
+        outline: "border border-black text-black hover:bg-black/5",
+        ghost: "text-black hover:bg-black/5"
+      },
+      size: { sm: "h-9 px-3 text-sm", md: "h-10 px-4", lg: "h-11 px-5 text-base" }
+    },
+    defaultVariants: { variant: "solid", size: "md" }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(Comp, { ref, className: twMerge(styles({ variant, size }), className), ...props });
+  }
+);
+Button.displayName = "Button";
+
+export { Button };

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "the-omelet-ui",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@radix-ui/react-slot": "^1.0.0",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.15",
+    "@types/react-dom": "^19.1.9",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "files": ["dist", "styles", "README.md", "LICENSE"],
+  "scripts": {
+    "build": "tsup"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "tailwind-merge": "^3.3.1"
+  }
+}