@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.4

package/dist/kernel/components/ui/button-group.js

@@ -0,0 +1,116 @@
+// src/kernel/components/ui/button-group.tsx
+import { buttonVariants } from "./button.js";
+import { Separator } from "./separator.js";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/ui/button-group.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonGroupVariants = cva(
+  [
+    "inline-flex w-fit items-stretch",
+    "has-[>[data-slot=button-group]]:gap-2",
+    "[&>*]:focus-visible:relative [&>*]:focus-visible:z-10",
+    "[&>input]:flex-1",
+    "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit"
+  ].join(" "),
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>*:has(+[data-slot=button-group-separator])]:border-r-0",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>*:has(+[data-slot=button-group-separator])]:border-b-0"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}) {
+  const resolvedOrientation = orientation ?? "horizontal";
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: ButtonGroup can wrap buttons, links, inputs, and composite triggers; fieldset semantics would be too narrow.
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          buttonGroupVariants({ orientation: resolvedOrientation }),
+          className
+        ),
+        "data-orientation": resolvedOrientation,
+        "data-slot": "button-group",
+        role: "group",
+        ...props
+      }
+    )
+  );
+}
+function ButtonGroupText({
+  className,
+  color,
+  size,
+  variant = "secondary",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        buttonVariants({ color, iconOnly: false, size, variant }),
+        "pointer-events-none",
+        className
+      ),
+      "data-slot": "button-group-text",
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      className: cn(
+        "relative !m-0 shrink-0 self-stretch bg-stroke-3 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px",
+        className
+      ),
+      "data-slot": "button-group-separator",
+      orientation,
+      ...props
+    }
+  );
+}
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants
+};

package/dist/kernel/components/ui/button.cjs

@@ -0,0 +1,147 @@
+"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/kernel/components/ui/button.tsx
+var button_exports = {};
+__export(button_exports, {
+  Button: () => Button,
+  buttonVariants: () => buttonVariants
+});
+module.exports = __toCommonJS(button_exports);
+var import_button = require("@base-ui/react/button");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/ui/button.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  [
+    "inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-button border font-medium leading-none",
+    "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+    "disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        primary: "border-accent-solid bg-accent-solid text-accent-foreground shadow-sm hover:not-data-disabled:border-accent-solid-hover hover:not-data-disabled:bg-accent-solid-hover active:not-data-disabled:border-accent-solid-active active:not-data-disabled:bg-accent-solid-active data-[state=path-active]:border-accent-solid-hover data-[state=path-active]:bg-accent-solid-hover",
+        secondary: "border-stroke-2 bg-surface-2 text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
+        outline: "border-stroke-2 bg-transparent text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
+        ghost: "border-transparent bg-transparent text-foreground-2 hover:not-data-disabled:bg-surface-hover hover:not-data-disabled:text-foreground-1 active:not-data-disabled:bg-surface-active data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1"
+      },
+      size: {
+        xs: "h-7 gap-1.5 px-2 text-xs",
+        sm: "h-8 px-3 text-sm",
+        md: "h-10 px-4 text-sm",
+        lg: "h-11 px-5 text-base",
+        xl: "h-12 px-6 text-base"
+      },
+      iconOnly: {
+        false: "",
+        true: "gap-0 px-0"
+      },
+      color: {
+        default: ""
+      }
+    },
+    compoundVariants: [
+      { className: "size-7 p-0", iconOnly: true, size: "xs" },
+      { className: "size-8 p-0", iconOnly: true, size: "sm" },
+      { className: "size-10 p-0", iconOnly: true, size: "md" },
+      { className: "size-11 p-0", iconOnly: true, size: "lg" },
+      { className: "size-12 p-0", iconOnly: true, size: "xl" }
+    ],
+    defaultVariants: {
+      color: "default",
+      iconOnly: false,
+      size: "md",
+      variant: "primary"
+    }
+  }
+);
+function Spinner() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "size-4 animate-spin rounded-full border-2 border-current border-r-transparent"
+    }
+  );
+}
+function Button({
+  active,
+  children,
+  className,
+  color,
+  disabled,
+  iconOnly,
+  leftIcon,
+  loading,
+  rightIcon,
+  size,
+  type = "button",
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_button.Button,
+    {
+      className: cn(
+        buttonVariants({ color, iconOnly, size, variant }),
+        className
+      ),
+      "data-state": active ? "path-active" : void 0,
+      disabled: disabled || loading,
+      focusableWhenDisabled: loading,
+      type,
+      ...props,
+      children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : leftIcon,
+        children,
+        !loading && rightIcon
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  buttonVariants
+});

package/dist/kernel/components/ui/button.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    color?: "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+type ButtonProps = {
+    active?: boolean;
+    children?: ReactNode;
+    className?: string;
+    leftIcon?: ReactNode;
+    loading?: boolean;
+    rightIcon?: ReactNode;
+} & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "color">;
+declare function Button({ active, children, className, color, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, type ButtonVariantProps, buttonVariants };

package/dist/kernel/components/ui/button.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    color?: "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+type ButtonProps = {
+    active?: boolean;
+    children?: ReactNode;
+    className?: string;
+    leftIcon?: ReactNode;
+    loading?: boolean;
+    rightIcon?: ReactNode;
+} & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "color">;
+declare function Button({ active, children, className, color, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, type ButtonVariantProps, buttonVariants };

package/dist/kernel/components/ui/button.js

@@ -0,0 +1,121 @@
+// src/kernel/components/ui/button.tsx
+import { Button as BaseButton } from "@base-ui/react/button";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/ui/button.tsx
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva(
+  [
+    "inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-button border font-medium leading-none",
+    "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+    "disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        primary: "border-accent-solid bg-accent-solid text-accent-foreground shadow-sm hover:not-data-disabled:border-accent-solid-hover hover:not-data-disabled:bg-accent-solid-hover active:not-data-disabled:border-accent-solid-active active:not-data-disabled:bg-accent-solid-active data-[state=path-active]:border-accent-solid-hover data-[state=path-active]:bg-accent-solid-hover",
+        secondary: "border-stroke-2 bg-surface-2 text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
+        outline: "border-stroke-2 bg-transparent text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
+        ghost: "border-transparent bg-transparent text-foreground-2 hover:not-data-disabled:bg-surface-hover hover:not-data-disabled:text-foreground-1 active:not-data-disabled:bg-surface-active data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1"
+      },
+      size: {
+        xs: "h-7 gap-1.5 px-2 text-xs",
+        sm: "h-8 px-3 text-sm",
+        md: "h-10 px-4 text-sm",
+        lg: "h-11 px-5 text-base",
+        xl: "h-12 px-6 text-base"
+      },
+      iconOnly: {
+        false: "",
+        true: "gap-0 px-0"
+      },
+      color: {
+        default: ""
+      }
+    },
+    compoundVariants: [
+      { className: "size-7 p-0", iconOnly: true, size: "xs" },
+      { className: "size-8 p-0", iconOnly: true, size: "sm" },
+      { className: "size-10 p-0", iconOnly: true, size: "md" },
+      { className: "size-11 p-0", iconOnly: true, size: "lg" },
+      { className: "size-12 p-0", iconOnly: true, size: "xl" }
+    ],
+    defaultVariants: {
+      color: "default",
+      iconOnly: false,
+      size: "md",
+      variant: "primary"
+    }
+  }
+);
+function Spinner() {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "size-4 animate-spin rounded-full border-2 border-current border-r-transparent"
+    }
+  );
+}
+function Button({
+  active,
+  children,
+  className,
+  color,
+  disabled,
+  iconOnly,
+  leftIcon,
+  loading,
+  rightIcon,
+  size,
+  type = "button",
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    BaseButton,
+    {
+      className: cn(
+        buttonVariants({ color, iconOnly, size, variant }),
+        className
+      ),
+      "data-state": active ? "path-active" : void 0,
+      disabled: disabled || loading,
+      focusableWhenDisabled: loading,
+      type,
+      ...props,
+      children: [
+        loading ? /* @__PURE__ */ jsx(Spinner, {}) : leftIcon,
+        children,
+        !loading && rightIcon
+      ]
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};

package/dist/kernel/components/ui/card.cjs

@@ -0,0 +1,133 @@
+"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/kernel/components/ui/card.tsx
+var card_exports = {};
+__export(card_exports, {
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  cardVariants: () => cardVariants
+});
+module.exports = __toCommonJS(card_exports);
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/ui/card.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var cardVariants = (0, import_class_variance_authority.cva)("rounded-card border text-foreground-1", {
+  variants: {
+    variant: {
+      default: "border-stroke-2 bg-surface-1",
+      elevated: "border-stroke-3 bg-surface-2 shadow-sm",
+      ghost: "border-transparent bg-transparent",
+      inset: "border-stroke-3 bg-surface-2"
+    },
+    padding: {
+      none: "p-0",
+      sm: "p-3",
+      md: "p-4",
+      lg: "p-6"
+    }
+  },
+  defaultVariants: {
+    padding: "md",
+    variant: "default"
+  }
+});
+function Card({ className, padding, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: cn(cardVariants({ padding, variant }), className),
+      ...props
+    }
+  );
+}
+function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("grid gap-1.5", className), ...props });
+}
+function CardTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "h3",
+    {
+      className: cn(
+        "text-base font-semibold leading-6 text-foreground-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      className: cn("text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("mt-4", className), ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  cardVariants
+});

package/dist/kernel/components/ui/card.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
+
+declare const cardVariants: (props?: ({
+    variant?: "ghost" | "default" | "inset" | "elevated" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CardProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>;
+declare function Card({ className, padding, variant, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { Card, CardContent, CardDescription, CardHeader, type CardProps, CardTitle, cardVariants };

package/dist/kernel/components/ui/card.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
+
+declare const cardVariants: (props?: ({
+    variant?: "ghost" | "default" | "inset" | "elevated" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CardProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>;
+declare function Card({ className, padding, variant, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { Card, CardContent, CardDescription, CardHeader, type CardProps, CardTitle, cardVariants };