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

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

@@ -0,0 +1,156 @@
+// 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/text.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var textVariants = cva("text-foreground-1", {
+  variants: {
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: "",
+      xl: "",
+      "2xl": "",
+      "3xl": "",
+      "4xl": "",
+      "5xl": "",
+      "6xl": "",
+      "7xl": "",
+      "8xl": "",
+      "9xl": ""
+    },
+    variant: {
+      body: "",
+      headline: "",
+      label: "",
+      overline: ""
+    },
+    weight: {
+      default: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }
+  },
+  compoundVariants: [
+    { className: "text-xs leading-5", size: "xs", variant: "body" },
+    { className: "text-sm leading-6", size: "sm", variant: "body" },
+    { className: "text-base leading-7", size: "md", variant: "body" },
+    { className: "text-lg leading-8", size: "lg", variant: "body" },
+    { className: "text-xl leading-8", size: "xl", variant: "body" },
+    { className: "text-xs leading-4", size: "xs", variant: "label" },
+    { className: "text-sm leading-5", size: "sm", variant: "label" },
+    { className: "text-base leading-6", size: "md", variant: "label" },
+    { className: "text-lg leading-7", size: "lg", variant: "label" },
+    { className: "text-xl leading-8", size: "xl", variant: "label" },
+    {
+      className: "text-xs uppercase leading-4 tracking-wide text-foreground-3",
+      size: "xs",
+      variant: "overline"
+    },
+    {
+      className: "text-sm uppercase leading-5 tracking-wide text-foreground-3",
+      size: "sm",
+      variant: "overline"
+    },
+    {
+      className: "text-base uppercase leading-6 tracking-wide text-foreground-3",
+      size: "md",
+      variant: "overline"
+    },
+    {
+      className: "text-lg uppercase leading-7 tracking-wide text-foreground-3",
+      size: "lg",
+      variant: "overline"
+    },
+    {
+      className: "text-xl uppercase leading-8 tracking-wide text-foreground-3",
+      size: "xl",
+      variant: "overline"
+    },
+    { className: "text-xl leading-8", size: "xl", variant: "headline" },
+    { className: "text-2xl leading-9", size: "2xl", variant: "headline" },
+    {
+      className: "text-3xl leading-10 tracking-tight",
+      size: "3xl",
+      variant: "headline"
+    },
+    {
+      className: "text-4xl leading-none tracking-tight",
+      size: "4xl",
+      variant: "headline"
+    },
+    {
+      className: "text-5xl leading-none tracking-tight",
+      size: "5xl",
+      variant: "headline"
+    },
+    {
+      className: "text-6xl leading-none tracking-tight",
+      size: "6xl",
+      variant: "headline"
+    },
+    {
+      className: "text-7xl leading-none tracking-tight",
+      size: "7xl",
+      variant: "headline"
+    },
+    {
+      className: "text-8xl leading-none tracking-tight",
+      size: "8xl",
+      variant: "headline"
+    },
+    {
+      className: "text-9xl leading-none tracking-tight",
+      size: "9xl",
+      variant: "headline"
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "body",
+    weight: "default"
+  }
+});
+function Text({
+  as,
+  className,
+  size,
+  variant,
+  weight,
+  ...props
+}) {
+  const Component = as ?? "p";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(textVariants({ size, variant, weight }), className),
+      ...props
+    }
+  );
+}
+export {
+  Text,
+  textVariants
+};

package/dist/kernel/components/ui/theme-toggle.cjs

@@ -0,0 +1,108 @@
+"use strict";
+"use client";
+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/theme-toggle.tsx
+var theme_toggle_exports = {};
+__export(theme_toggle_exports, {
+  ThemeToggle: () => ThemeToggle
+});
+module.exports = __toCommonJS(theme_toggle_exports);
+var import_button = require("./button.js");
+
+// 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/theme-toggle.tsx
+var import_lucide_react = require("lucide-react");
+var import_next_themes = require("next-themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var themeOrder = ["system", "light", "dark"];
+function Icon({ theme }) {
+  if (theme === "light") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sun, { "aria-hidden": "true", size: 16 });
+  if (theme === "dark") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Moon, { "aria-hidden": "true", size: 16 });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Monitor, { "aria-hidden": "true", size: 16 });
+}
+function normalizeTheme(theme) {
+  if (theme === "light" || theme === "dark") return theme;
+  return "system";
+}
+function ThemeToggle({
+  className,
+  onClick,
+  size = "sm",
+  title,
+  type = "button",
+  variant = "secondary",
+  ...props
+}) {
+  const { theme, setTheme } = (0, import_next_themes.useTheme)();
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  const activeTheme = normalizeTheme(theme);
+  const nextTheme = (0, import_react.useMemo)(() => {
+    const index = themeOrder.indexOf(activeTheme);
+    return themeOrder[(index + 1) % themeOrder.length] ?? "system";
+  }, [activeTheme]);
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  const label = mounted ? `Switch to ${nextTheme} theme` : "Theme preference";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      "aria-label": props["aria-label"] ?? label,
+      className: cn("hover:border-stroke-1", className),
+      iconOnly: true,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) setTheme(nextTheme);
+      },
+      size,
+      title: title ?? label,
+      type,
+      variant,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { theme: mounted ? activeTheme : "system" })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeToggle
+});

package/dist/kernel/components/ui/theme-toggle.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react';
+
+type ThemeToggleProps = Omit<ButtonProps, "children" | "iconOnly" | "leftIcon" | "loading" | "rightIcon">;
+declare function ThemeToggle({ className, onClick, size, title, type, variant, ...props }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeToggle, type ThemeToggleProps };

package/dist/kernel/components/ui/theme-toggle.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react';
+
+type ThemeToggleProps = Omit<ButtonProps, "children" | "iconOnly" | "leftIcon" | "loading" | "rightIcon">;
+declare function ThemeToggle({ className, onClick, size, title, type, variant, ...props }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeToggle, type ThemeToggleProps };

package/dist/kernel/components/ui/theme-toggle.js

@@ -0,0 +1,84 @@
+"use client";
+
+// src/kernel/components/ui/theme-toggle.tsx
+import { Button } from "./button.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/theme-toggle.tsx
+import { Monitor, Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var themeOrder = ["system", "light", "dark"];
+function Icon({ theme }) {
+  if (theme === "light") return /* @__PURE__ */ jsx(Sun, { "aria-hidden": "true", size: 16 });
+  if (theme === "dark") return /* @__PURE__ */ jsx(Moon, { "aria-hidden": "true", size: 16 });
+  return /* @__PURE__ */ jsx(Monitor, { "aria-hidden": "true", size: 16 });
+}
+function normalizeTheme(theme) {
+  if (theme === "light" || theme === "dark") return theme;
+  return "system";
+}
+function ThemeToggle({
+  className,
+  onClick,
+  size = "sm",
+  title,
+  type = "button",
+  variant = "secondary",
+  ...props
+}) {
+  const { theme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+  const activeTheme = normalizeTheme(theme);
+  const nextTheme = useMemo(() => {
+    const index = themeOrder.indexOf(activeTheme);
+    return themeOrder[(index + 1) % themeOrder.length] ?? "system";
+  }, [activeTheme]);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const label = mounted ? `Switch to ${nextTheme} theme` : "Theme preference";
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": props["aria-label"] ?? label,
+      className: cn("hover:border-stroke-1", className),
+      iconOnly: true,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) setTheme(nextTheme);
+      },
+      size,
+      title: title ?? label,
+      type,
+      variant,
+      ...props,
+      children: /* @__PURE__ */ jsx(Icon, { theme: mounted ? activeTheme : "system" })
+    }
+  );
+}
+export {
+  ThemeToggle
+};

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

@@ -0,0 +1,154 @@
+"use strict";
+"use client";
+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/toast.tsx
+var toast_exports = {};
+__export(toast_exports, {
+  Toast: () => Toast,
+  ToastClose: () => ToastClose,
+  ToastContent: () => ToastContent,
+  ToastDescription: () => ToastDescription,
+  ToastPortal: () => ToastPortal,
+  ToastPositioner: () => ToastPositioner,
+  ToastProvider: () => ToastProvider,
+  ToastTitle: () => ToastTitle,
+  ToastViewport: () => ToastViewport,
+  createToastManager: () => createToastManager,
+  useToastManager: () => useToastManager
+});
+module.exports = __toCommonJS(toast_exports);
+var import_toast = require("@base-ui/react/toast");
+
+// 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/toast.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var createToastManager = import_toast.Toast.createToastManager;
+var useToastManager = import_toast.Toast.useToastManager;
+function ToastProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Provider, { ...props });
+}
+function ToastViewport({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_toast.Toast.Viewport,
+    {
+      className: cn(
+        "fixed bottom-4 right-4 z-50 grid w-[min(92vw,24rem)] gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Toast({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_toast.Toast.Root,
+    {
+      className: cn(
+        "rounded-dialog border border-stroke-2 bg-surface-1 p-4 text-foreground-1 shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ToastContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Content, { className: cn("grid gap-1", className), ...props });
+}
+function ToastTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_toast.Toast.Title,
+    {
+      className: cn("text-sm font-semibold text-foreground-1", className),
+      ...props
+    }
+  );
+}
+function ToastDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_toast.Toast.Description,
+    {
+      className: cn("text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+function ToastClose({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_toast.Toast.Close,
+    {
+      className: cn(
+        "inline-flex size-8 items-center justify-center rounded-button text-foreground-3 transition-colors hover:bg-surface-hover hover:text-foreground-1",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ToastPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Portal, { ...props });
+}
+function ToastPositioner({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_toast.Toast.Positioner,
+    {
+      className: cn("z-50 outline-none", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Toast,
+  ToastClose,
+  ToastContent,
+  ToastDescription,
+  ToastPortal,
+  ToastPositioner,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  createToastManager,
+  useToastManager
+});

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

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Toast as Toast$1 } from '@base-ui/react/toast';
+import { ComponentPropsWithoutRef } from 'react';
+
+declare const createToastManager: typeof Toast$1.createToastManager;
+declare const useToastManager: typeof Toast$1.useToastManager;
+type ToastProviderProps = ComponentPropsWithoutRef<typeof Toast$1.Provider>;
+type ToastViewportProps = ComponentPropsWithoutRef<typeof Toast$1.Viewport>;
+type ToastProps = ComponentPropsWithoutRef<typeof Toast$1.Root>;
+type ToastContentProps = ComponentPropsWithoutRef<typeof Toast$1.Content>;
+type ToastTitleProps = ComponentPropsWithoutRef<typeof Toast$1.Title>;
+type ToastDescriptionProps = ComponentPropsWithoutRef<typeof Toast$1.Description>;
+type ToastCloseProps = ComponentPropsWithoutRef<typeof Toast$1.Close>;
+type ToastPortalProps = ComponentPropsWithoutRef<typeof Toast$1.Portal>;
+type ToastPositionerProps = ComponentPropsWithoutRef<typeof Toast$1.Positioner>;
+declare function ToastProvider(props: ToastProviderProps): react_jsx_runtime.JSX.Element;
+declare function ToastViewport({ className, ...props }: ToastViewportProps): react_jsx_runtime.JSX.Element;
+declare function Toast({ className, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
+declare function ToastContent({ className, ...props }: ToastContentProps): react_jsx_runtime.JSX.Element;
+declare function ToastTitle({ className, ...props }: ToastTitleProps): react_jsx_runtime.JSX.Element;
+declare function ToastDescription({ className, ...props }: ToastDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function ToastClose({ className, ...props }: ToastCloseProps): react_jsx_runtime.JSX.Element;
+declare function ToastPortal(props: ToastPortalProps): react_jsx_runtime.JSX.Element;
+declare function ToastPositioner({ className, ...props }: ToastPositionerProps): react_jsx_runtime.JSX.Element;
+
+export { Toast, ToastClose, type ToastCloseProps, ToastContent, type ToastContentProps, ToastDescription, type ToastDescriptionProps, ToastPortal, type ToastPortalProps, ToastPositioner, type ToastPositionerProps, type ToastProps, ToastProvider, type ToastProviderProps, ToastTitle, type ToastTitleProps, ToastViewport, type ToastViewportProps, createToastManager, useToastManager };

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

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Toast as Toast$1 } from '@base-ui/react/toast';
+import { ComponentPropsWithoutRef } from 'react';
+
+declare const createToastManager: typeof Toast$1.createToastManager;
+declare const useToastManager: typeof Toast$1.useToastManager;
+type ToastProviderProps = ComponentPropsWithoutRef<typeof Toast$1.Provider>;
+type ToastViewportProps = ComponentPropsWithoutRef<typeof Toast$1.Viewport>;
+type ToastProps = ComponentPropsWithoutRef<typeof Toast$1.Root>;
+type ToastContentProps = ComponentPropsWithoutRef<typeof Toast$1.Content>;
+type ToastTitleProps = ComponentPropsWithoutRef<typeof Toast$1.Title>;
+type ToastDescriptionProps = ComponentPropsWithoutRef<typeof Toast$1.Description>;
+type ToastCloseProps = ComponentPropsWithoutRef<typeof Toast$1.Close>;
+type ToastPortalProps = ComponentPropsWithoutRef<typeof Toast$1.Portal>;
+type ToastPositionerProps = ComponentPropsWithoutRef<typeof Toast$1.Positioner>;
+declare function ToastProvider(props: ToastProviderProps): react_jsx_runtime.JSX.Element;
+declare function ToastViewport({ className, ...props }: ToastViewportProps): react_jsx_runtime.JSX.Element;
+declare function Toast({ className, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
+declare function ToastContent({ className, ...props }: ToastContentProps): react_jsx_runtime.JSX.Element;
+declare function ToastTitle({ className, ...props }: ToastTitleProps): react_jsx_runtime.JSX.Element;
+declare function ToastDescription({ className, ...props }: ToastDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function ToastClose({ className, ...props }: ToastCloseProps): react_jsx_runtime.JSX.Element;
+declare function ToastPortal(props: ToastPortalProps): react_jsx_runtime.JSX.Element;
+declare function ToastPositioner({ className, ...props }: ToastPositionerProps): react_jsx_runtime.JSX.Element;
+
+export { Toast, ToastClose, type ToastCloseProps, ToastContent, type ToastContentProps, ToastDescription, type ToastDescriptionProps, ToastPortal, type ToastPortalProps, ToastPositioner, type ToastPositionerProps, type ToastProps, ToastProvider, type ToastProviderProps, ToastTitle, type ToastTitleProps, ToastViewport, type ToastViewportProps, createToastManager, useToastManager };