@release-test/ui 0.0.0-stage → 0.2.0-alpha-button-ghost.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kevin Østerkilde
+
+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/dist/components/Button/Button.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("clsx");
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const variantClassNames = {
+  primary: "bg-primary text-primary-foreground hover:bg-primary-hover",
+  secondary: "border border-surface-border bg-surface text-gray-900 hover:bg-gray-50",
+  danger: "bg-danger text-danger-foreground hover:bg-danger-hover",
+  ghost: "bg-transparent text-gray-900 hover:bg-gray-100"
+};
+const Button = React__namespace.forwardRef(function Button2(props, ref) {
+  const { variant = "secondary", type = "button", className, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ...otherProps,
+      className: cn(
+        "inline-flex h-8 items-center justify-center rounded px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50",
+        variantClassNames[variant],
+        className
+      ),
+      "data-taco": "button",
+      "data-variant": variant,
+      ref,
+      type
+    }
+  );
+});
+exports.Button = Button;
+//# sourceMappingURL=Button.cjs.map

package/dist/components/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    /** Visual style of the button */\n    variant?: ButtonVariant;\n};\n\nconst variantClassNames: Record<ButtonVariant, string> = {\n    primary: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n    secondary: 'border border-surface-border bg-surface text-gray-900 hover:bg-gray-50',\n    danger: 'bg-danger text-danger-foreground hover:bg-danger-hover',\n    ghost: 'bg-transparent text-gray-900 hover:bg-gray-100',\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {\n    const { variant = 'secondary', type = 'button', className, ...otherProps } = props;\n\n    return (\n        <button\n            {...otherProps}\n            className={cn(\n                'inline-flex h-8 items-center justify-center rounded px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50',\n                variantClassNames[variant],\n                className\n            )}\n            data-taco=\"button\"\n            data-variant={variant}\n            ref={ref}\n            type={type}\n        />\n    );\n});\n"],"names":["React","Button","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,oBAAmD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,SAASA,iBAAM,WAA2C,SAASC,QAAO,OAAO,KAAK;AAC/F,QAAM,EAAE,UAAU,aAAa,OAAO,UAAU,WAAW,GAAG,eAAe;AAE7E,SACIC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB;AAAA,MAAA;AAAA,MAEJ,aAAU;AAAA,MACV,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;;"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Visual style of the button */
+    variant?: ButtonVariant;
+};
+export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Visual style of the button */
+    variant?: ButtonVariant;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import cn from "clsx";
+import * as React from "react";
+const variantClassNames = {
+  primary: "bg-primary text-primary-foreground hover:bg-primary-hover",
+  secondary: "border border-surface-border bg-surface text-gray-900 hover:bg-gray-50",
+  danger: "bg-danger text-danger-foreground hover:bg-danger-hover",
+  ghost: "bg-transparent text-gray-900 hover:bg-gray-100"
+};
+const Button = React.forwardRef(function Button2(props, ref) {
+  const { variant = "secondary", type = "button", className, ...otherProps } = props;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...otherProps,
+      className: cn(
+        "inline-flex h-8 items-center justify-center rounded px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50",
+        variantClassNames[variant],
+        className
+      ),
+      "data-taco": "button",
+      "data-variant": variant,
+      ref,
+      type
+    }
+  );
+});
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    /** Visual style of the button */\n    variant?: ButtonVariant;\n};\n\nconst variantClassNames: Record<ButtonVariant, string> = {\n    primary: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n    secondary: 'border border-surface-border bg-surface text-gray-900 hover:bg-gray-50',\n    danger: 'bg-danger text-danger-foreground hover:bg-danger-hover',\n    ghost: 'bg-transparent text-gray-900 hover:bg-gray-100',\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {\n    const { variant = 'secondary', type = 'button', className, ...otherProps } = props;\n\n    return (\n        <button\n            {...otherProps}\n            className={cn(\n                'inline-flex h-8 items-center justify-center rounded px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50',\n                variantClassNames[variant],\n                className\n            )}\n            data-taco=\"button\"\n            data-variant={variant}\n            ref={ref}\n            type={type}\n        />\n    );\n});\n"],"names":["Button"],"mappings":";;;AAUA,MAAM,oBAAmD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,SAAS,MAAM,WAA2C,SAASA,QAAO,OAAO,KAAK;AAC/F,QAAM,EAAE,UAAU,aAAa,OAAO,UAAU,WAAW,GAAG,eAAe;AAE7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB;AAAA,MAAA;AAAA,MAEJ,aAAU;AAAA,MACV,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;"}

package/dist/components/Card/Card.cjs

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("clsx");
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const Header = React__namespace.forwardRef(function CardHeader(props, ref) {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...otherProps,
+      className: cn("border-b border-surface-border px-4 py-3", className),
+      "data-taco": "card-header",
+      ref
+    }
+  );
+});
+const Title = React__namespace.forwardRef(function CardTitle(props, ref) {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx("h3", { ...otherProps, className: cn("m-0 text-base font-semibold", className), "data-taco": "card-title", ref });
+});
+const Content = React__namespace.forwardRef(function CardContent(props, ref) {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...otherProps, className: cn("p-4", className), "data-taco": "card-content", ref });
+});
+const Card = React__namespace.forwardRef(function Card2(props, ref) {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...otherProps,
+      className: cn("flex flex-col rounded-lg border border-surface-border bg-surface", className),
+      "data-taco": "card",
+      ref
+    }
+  );
+});
+Card.Header = Header;
+Card.Title = Title;
+Card.Content = Content;
+exports.Card = Card;
+//# sourceMappingURL=Card.cjs.map

package/dist/components/Card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement>;\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Header = React.forwardRef<HTMLDivElement, CardHeaderProps>(function CardHeader(props, ref) {\n    const { className, ...otherProps } = props;\n    return (\n        <div\n            {...otherProps}\n            className={cn('border-b border-surface-border px-4 py-3', className)}\n            data-taco=\"card-header\"\n            ref={ref}\n        />\n    );\n});\n\nconst Title = React.forwardRef<HTMLHeadingElement, CardTitleProps>(function CardTitle(props, ref) {\n    const { className, ...otherProps } = props;\n    return <h3 {...otherProps} className={cn('m-0 text-base font-semibold', className)} data-taco=\"card-title\" ref={ref} />;\n});\n\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(props, ref) {\n    const { className, ...otherProps } = props;\n    return <div {...otherProps} className={cn('p-4', className)} data-taco=\"card-content\" ref={ref} />;\n});\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n    const { className, ...otherProps } = props;\n    return (\n        <div\n            {...otherProps}\n            className={cn('flex flex-col rounded-lg border border-surface-border bg-surface', className)}\n            data-taco=\"card\"\n            ref={ref}\n        />\n    );\n}) as React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {\n    Header: typeof Header;\n    Title: typeof Title;\n    Content: typeof Content;\n};\nCard.Header = Header;\nCard.Title = Title;\nCard.Content = Content;\n"],"names":["React","jsx","Card"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,SAASA,iBAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AAC7F,QAAM,EAAE,WAAW,GAAG,WAAA,IAAe;AACrC,SACIC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,4CAA4C,SAAS;AAAA,MACnE,aAAU;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED,MAAM,QAAQD,iBAAM,WAA+C,SAAS,UAAU,OAAO,KAAK;AAC9F,QAAM,EAAE,WAAW,GAAG,WAAA,IAAe;AACrC,SAAOC,2BAAAA,IAAC,MAAA,EAAI,GAAG,YAAY,WAAW,GAAG,+BAA+B,SAAS,GAAG,aAAU,cAAa,IAAA,CAAU;AACzH,CAAC;AAED,MAAM,UAAUD,iBAAM,WAA6C,SAAS,YAAY,OAAO,KAAK;AAChG,QAAM,EAAE,WAAW,GAAG,WAAA,IAAe;AACrC,SAAOC,2BAAAA,IAAC,OAAA,EAAK,GAAG,YAAY,WAAW,GAAG,OAAO,SAAS,GAAG,aAAU,gBAAe,IAAA,CAAU;AACpG,CAAC;AAEM,MAAM,OAAOD,iBAAM,WAAsC,SAASE,MAAK,OAAO,KAAK;AACtF,QAAM,EAAE,WAAW,GAAG,WAAA,IAAe;AACrC,SACID,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,oEAAoE,SAAS;AAAA,MAC3F,aAAU;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAKD,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,UAAU;;"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type CardProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+export type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const Header: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const Title: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Content: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof Header;
+    Title: typeof Title;
+    Content: typeof Content;
+};
+export {};

package/dist/components/Card/Card.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import cn from "clsx";
+import * as React from "react";
+const Header = React.forwardRef(function CardHeader(props, ref) {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...otherProps,
+      className: cn("border-b border-surface-border px-4 py-3", className),
+      "data-taco": "card-header",
+      ref
+    }
+  );
+});
+const Title = React.forwardRef(function CardTitle(props, ref) {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsx("h3", { ...otherProps, className: cn("m-0 text-base font-semibold", className), "data-taco": "card-title", ref });
+});
+const Content = React.forwardRef(function CardContent(props, ref) {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsx("div", { ...otherProps, className: cn("p-4", className), "data-taco": "card-content", ref });
+});
+const Card = React.forwardRef(function Card2(props, ref) {
+  const { className, ...otherProps } = props;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...otherProps,
+      className: cn("flex flex-col rounded-lg border border-surface-border bg-surface", className),
+      "data-taco": "card",
+      ref
+    }
+  );
+});
+Card.Header = Header;
+Card.Title = Title;
+Card.Content = Content;
+export {
+  Card
+};
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement>;\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Header = React.forwardRef<HTMLDivElement, CardHeaderProps>(function CardHeader(props, ref) {\n    const { className, ...otherProps } = props;\n    return (\n        <div\n            {...otherProps}\n            className={cn('border-b border-surface-border px-4 py-3', className)}\n            data-taco=\"card-header\"\n            ref={ref}\n        />\n    );\n});\n\nconst Title = React.forwardRef<HTMLHeadingElement, CardTitleProps>(function CardTitle(props, ref) {\n    const { className, ...otherProps } = props;\n    return <h3 {...otherProps} className={cn('m-0 text-base font-semibold', className)} data-taco=\"card-title\" ref={ref} />;\n});\n\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(props, ref) {\n    const { className, ...otherProps } = props;\n    return <div {...otherProps} className={cn('p-4', className)} data-taco=\"card-content\" ref={ref} />;\n});\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n    const { className, ...otherProps } = props;\n    return (\n        <div\n            {...otherProps}\n            className={cn('flex flex-col rounded-lg border border-surface-border bg-surface', className)}\n            data-taco=\"card\"\n            ref={ref}\n        />\n    );\n}) as React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {\n    Header: typeof Header;\n    Title: typeof Title;\n    Content: typeof Content;\n};\nCard.Header = Header;\nCard.Title = Title;\nCard.Content = Content;\n"],"names":["Card"],"mappings":";;;AAQA,MAAM,SAAS,MAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AAC7F,QAAM,EAAE,WAAW,GAAG,WAAA,IAAe;AACrC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,4CAA4C,SAAS;AAAA,MACnE,aAAU;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED,MAAM,QAAQ,MAAM,WAA+C,SAAS,UAAU,OAAO,KAAK;AAC9F,QAAM,EAAE,WAAW,GAAG,WAAA,IAAe;AACrC,SAAO,oBAAC,MAAA,EAAI,GAAG,YAAY,WAAW,GAAG,+BAA+B,SAAS,GAAG,aAAU,cAAa,IAAA,CAAU;AACzH,CAAC;AAED,MAAM,UAAU,MAAM,WAA6C,SAAS,YAAY,OAAO,KAAK;AAChG,QAAM,EAAE,WAAW,GAAG,WAAA,IAAe;AACrC,SAAO,oBAAC,OAAA,EAAK,GAAG,YAAY,WAAW,GAAG,OAAO,SAAS,GAAG,aAAU,gBAAe,IAAA,CAAU;AACpG,CAAC;AAEM,MAAM,OAAO,MAAM,WAAsC,SAASA,MAAK,OAAO,KAAK;AACtF,QAAM,EAAE,WAAW,GAAG,WAAA,IAAe;AACrC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,oEAAoE,SAAS;AAAA,MAC3F,aAAU;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAKD,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,UAAU;"}

package/dist/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css            */
+const Button = require("./components/Button/Button.cjs");
+const Card = require("./components/Card/Card.cjs");
+exports.Button = Button.Button;
+exports.Card = Card.Card;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Button/Button';
+export * from './components/Card/Card';

package/dist/index.js

@@ -0,0 +1,8 @@
+/* empty css          */
+import { Button } from "./components/Button/Button.js";
+import { Card } from "./components/Card/Card.js";
+export {
+  Button,
+  Card
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/ui.css

@@ -0,0 +1,649 @@
+*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}/*
+! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
+*//*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #e5e7eb; /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4; /* 3 */
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-feature-settings: normal; /* 5 */
+  font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+dialog {
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+[hidden]:where(:not([hidden="until-found"])) {
+  display: none;
+}
+.container {
+  width: 100%;
+}
+@media (min-width: 640px) {
+
+  .container {
+    max-width: 640px;
+  }
+}
+@media (min-width: 768px) {
+
+  .container {
+    max-width: 768px;
+  }
+}
+@media (min-width: 1024px) {
+
+  .container {
+    max-width: 1024px;
+  }
+}
+@media (min-width: 1280px) {
+
+  .container {
+    max-width: 1280px;
+  }
+}
+@media (min-width: 1536px) {
+
+  .container {
+    max-width: 1536px;
+  }
+}
+.m-0 {
+  margin: 0px;
+}
+.flex {
+  display: flex;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.h-8 {
+  height: 2rem;
+}
+.flex-col {
+  flex-direction: column;
+}
+.items-center {
+  align-items: center;
+}
+.justify-center {
+  justify-content: center;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+.border {
+  border-width: 1px;
+}
+.border-b {
+  border-bottom-width: 1px;
+}
+.border-surface-border {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
+.bg-danger {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
+}
+.bg-primary {
+  --tw-bg-opacity: 1;
+  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
+}
+.bg-surface {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.p-4 {
+  padding: 1rem;
+}
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.text-danger-foreground {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.text-primary-foreground {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.hover\:bg-danger-hover:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-primary-hover:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
+}
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+.disabled\:opacity-50:disabled {
+  opacity: 0.5;
+}

package/package.json

@@ -1,6 +1,54 @@
 {
-  "name": "@release-test/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "@release-test/ui",
+    "version": "0.2.0-alpha-button-ghost.0",
+    "license": "MIT",
+    "type": "module",
+    "main": "./dist/index.cjs",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "sideEffects": [
+        "**/*.css"
+    ],
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "require": "./dist/index.cjs"
+        },
+        "./ui.css": "./dist/ui.css"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "vite build",
+        "test": "vitest run",
+        "test:watch": "vitest --watch",
+        "typecheck": "tsc --noEmit"
+    },
+    "dependencies": {
+        "@release-test/tokens": "^0.1.0"
+    },
+    "peerDependencies": {
+        "clsx": "^2.1.1",
+        "react": "^18.3.1 || ^19.0.0",
+        "react-dom": "^18.3.1 || ^19.0.0"
+    },
+    "devDependencies": {
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^16.3.3",
+        "@vitejs/plugin-react": "^5.0.0",
+        "autoprefixer": "^10.4.21",
+        "clsx": "^2.1.1",
+        "jsdom": "^29.1.1",
+        "postcss": "^8.5.6",
+        "tailwindcss": "^3.4.19",
+        "vite-plugin-dts": "^5.1.2",
+        "vite-plugin-externalize-deps": "^0.10.0",
+        "vitest": "^4.1.11"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "f685bc706cba4d8f792125d830757dcde03550c9"
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.