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

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

@@ -0,0 +1,131 @@
+"use client";
+
+// src/kernel/components/ui/drawer.tsx
+import { Drawer as BaseDrawer } from "@base-ui/react/drawer";
+
+// 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/drawer.tsx
+import { jsx } from "react/jsx-runtime";
+function Drawer(props) {
+  return /* @__PURE__ */ jsx(BaseDrawer.Root, { ...props });
+}
+function DrawerTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDrawer.Trigger,
+    {
+      className: cn(
+        "rounded-button focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerPortal(props) {
+  return /* @__PURE__ */ jsx(BaseDrawer.Portal, { ...props });
+}
+function DrawerBackdrop({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDrawer.Backdrop,
+    {
+      className: cn(
+        "animate-overlay fixed inset-0 z-modal h-dvh w-dvw bg-overlay-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerViewport({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDrawer.Viewport,
+    {
+      className: cn(
+        "pointer-events-none fixed inset-0 z-modal h-dvh w-dvw",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerPopup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDrawer.Popup,
+    {
+      className: cn(
+        "animate-drawer-popup pointer-events-auto fixed bottom-0 right-0 top-0 w-[min(100vw,20rem)] border-l border-stroke-2 bg-surface-1 p-6 text-foreground-1 shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDrawer.Title,
+    {
+      className: cn(
+        "text-lg font-semibold tracking-tight text-foreground-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseDrawer.Description,
+    {
+      className: cn("mt-2 text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+function DrawerClose({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseDrawer.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
+    }
+  );
+}
+export {
+  Drawer,
+  DrawerBackdrop,
+  DrawerClose,
+  DrawerDescription,
+  DrawerPopup,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DrawerViewport
+};

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

@@ -0,0 +1,96 @@
+"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/input.tsx
+var input_exports = {};
+__export(input_exports, {
+  Input: () => Input,
+  inputVariants: () => inputVariants
+});
+module.exports = __toCommonJS(input_exports);
+var import_input = require("@base-ui/react/input");
+
+// 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/input.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var inputVariants = (0, import_class_variance_authority.cva)(
+  [
+    "flex w-full rounded-input border bg-surface-1 text-foreground-1 transition-colors",
+    "placeholder:text-foreground-3",
+    "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        xs: "h-7 px-2 text-xs",
+        sm: "h-8 px-2.5 text-sm",
+        md: "h-10 px-3 text-sm",
+        lg: "h-11 px-3.5 text-base",
+        xl: "h-12 px-4 text-base"
+      },
+      variant: {
+        default: "border-stroke-2 focus:border-focus-ring",
+        ghost: "border-transparent bg-surface-2 focus:border-focus-ring"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var Input = (0, import_react.forwardRef)(function Input2({ className, size, variant, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input.Input,
+    {
+      className: cn(inputVariants({ size, variant }), className),
+      ref,
+      ...props
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Input,
+  inputVariants
+});

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

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as _base_ui_react from '@base-ui/react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Input as Input$1 } from '@base-ui/react/input';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "ghost" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputProps = ComponentPropsWithoutRef<typeof Input$1> & VariantProps<typeof inputVariants>;
+declare const Input: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.InputProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & VariantProps<(props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "ghost" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps, inputVariants };

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

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as _base_ui_react from '@base-ui/react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Input as Input$1 } from '@base-ui/react/input';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "ghost" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputProps = ComponentPropsWithoutRef<typeof Input$1> & VariantProps<typeof inputVariants>;
+declare const Input: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.InputProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & VariantProps<(props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "ghost" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps, inputVariants };

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

@@ -0,0 +1,70 @@
+// src/kernel/components/ui/input.tsx
+import { Input as BaseInput } from "@base-ui/react/input";
+
+// 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/input.tsx
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var inputVariants = cva(
+  [
+    "flex w-full rounded-input border bg-surface-1 text-foreground-1 transition-colors",
+    "placeholder:text-foreground-3",
+    "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        xs: "h-7 px-2 text-xs",
+        sm: "h-8 px-2.5 text-sm",
+        md: "h-10 px-3 text-sm",
+        lg: "h-11 px-3.5 text-base",
+        xl: "h-12 px-4 text-base"
+      },
+      variant: {
+        default: "border-stroke-2 focus:border-focus-ring",
+        ghost: "border-transparent bg-surface-2 focus:border-focus-ring"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var Input = forwardRef(function Input2({ className, size, variant, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseInput,
+    {
+      className: cn(inputVariants({ size, variant }), className),
+      ref,
+      ...props
+    }
+  );
+});
+export {
+  Input,
+  inputVariants
+};

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

@@ -0,0 +1,105 @@
+"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/kbd.tsx
+var kbd_exports = {};
+__export(kbd_exports, {
+  Kbd: () => Kbd,
+  kbdVariants: () => kbdVariants
+});
+module.exports = __toCommonJS(kbd_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/kbd.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var kbdVariants = (0, import_class_variance_authority.cva)(
+  "not-markdown-prose relative -top-[0.03em] inline-flex h-fit shrink-0 select-none items-center justify-center whitespace-nowrap bg-surface-1 px-[0.5em] pt-[0.05em] pb-[0.1em] align-text-top font-sans font-normal leading-[1.7em] text-foreground-1 [--kbd-fallback-shadow:inset_0_-0.05em_0.5em_color-mix(in_oklab,var(--stroke-4)_80%,transparent),inset_0_0.05em_color-mix(in_oklab,var(--palette-neutral-1)_95%,transparent),inset_0_0.25em_0.5em_color-mix(in_oklab,var(--surface-3)_70%,transparent),inset_0_-0.075em_color-mix(in_oklab,var(--stroke-1)_58%,var(--stroke-2)),0_0_0_0.065em_color-mix(in_oklab,var(--stroke-2)_82%,transparent),0_0.08em_0.17em_color-mix(in_oklab,var(--stroke-1)_45%,transparent)] [--kbd-fallback-shadow-active:inset_0_0.05em_color-mix(in_oklab,var(--foreground-4)_45%,transparent),0_0_0_0.065em_color-mix(in_oklab,var(--stroke-1)_64%,transparent)] [border-radius:max(var(--radius-kbd),1px)] [box-shadow:var(--kbd-shadow,var(--kbd-fallback-shadow))] [word-spacing:-0.1em] transition-[background-color,box-shadow] duration-150 hover:bg-surface-background hover:[box-shadow:var(--kbd-shadow,var(--kbd-fallback-shadow)),0_0_0_0.05em_color-mix(in_oklab,var(--stroke-2)_50%,transparent)] focus-visible:outline-2 focus-visible:outline-focus-ring active:bg-surface-2 active:pt-[0.1em] active:pb-[0.05em] active:[box-shadow:var(--kbd-shadow-active,var(--kbd-fallback-shadow-active))] [&_*]:leading-none",
+  {
+    variants: {
+      size: {
+        xs: "min-w-[1.75em] text-[0.625rem]",
+        sm: "min-w-[1.75em] text-xs",
+        md: "min-w-[1.75em] text-sm",
+        lg: "min-w-[1.75em] text-base",
+        xl: "min-w-[1.75em] text-lg"
+      },
+      square: {
+        false: "",
+        true: "px-0"
+      }
+    },
+    compoundVariants: [
+      { className: "w-[1.75em]", size: "xs", square: true },
+      { className: "w-[1.75em]", size: "sm", square: true },
+      { className: "w-[1.75em]", size: "md", square: true },
+      { className: "w-[1.75em]", size: "lg", square: true },
+      { className: "w-[1.75em]", size: "xl", square: true }
+    ],
+    defaultVariants: {
+      size: "md",
+      square: false
+    }
+  }
+);
+function isSingleCharacter(children) {
+  return typeof children === "string" && Array.from(children.trim()).length === 1;
+}
+function Kbd({ children, className, size, square, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "kbd",
+    {
+      className: cn(
+        kbdVariants({
+          size,
+          square: square ?? isSingleCharacter(children)
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Kbd,
+  kbdVariants
+});

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

@@ -0,0 +1,13 @@
+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 kbdVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    square?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type KbdProps = HTMLAttributes<HTMLElement> & VariantProps<typeof kbdVariants>;
+declare function Kbd({ children, className, size, square, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+
+export { Kbd, type KbdProps, kbdVariants };

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

@@ -0,0 +1,13 @@
+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 kbdVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    square?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type KbdProps = HTMLAttributes<HTMLElement> & VariantProps<typeof kbdVariants>;
+declare function Kbd({ children, className, size, square, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+
+export { Kbd, type KbdProps, kbdVariants };

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

@@ -0,0 +1,77 @@
+// 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/kbd.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var kbdVariants = cva(
+  "not-markdown-prose relative -top-[0.03em] inline-flex h-fit shrink-0 select-none items-center justify-center whitespace-nowrap bg-surface-1 px-[0.5em] pt-[0.05em] pb-[0.1em] align-text-top font-sans font-normal leading-[1.7em] text-foreground-1 [--kbd-fallback-shadow:inset_0_-0.05em_0.5em_color-mix(in_oklab,var(--stroke-4)_80%,transparent),inset_0_0.05em_color-mix(in_oklab,var(--palette-neutral-1)_95%,transparent),inset_0_0.25em_0.5em_color-mix(in_oklab,var(--surface-3)_70%,transparent),inset_0_-0.075em_color-mix(in_oklab,var(--stroke-1)_58%,var(--stroke-2)),0_0_0_0.065em_color-mix(in_oklab,var(--stroke-2)_82%,transparent),0_0.08em_0.17em_color-mix(in_oklab,var(--stroke-1)_45%,transparent)] [--kbd-fallback-shadow-active:inset_0_0.05em_color-mix(in_oklab,var(--foreground-4)_45%,transparent),0_0_0_0.065em_color-mix(in_oklab,var(--stroke-1)_64%,transparent)] [border-radius:max(var(--radius-kbd),1px)] [box-shadow:var(--kbd-shadow,var(--kbd-fallback-shadow))] [word-spacing:-0.1em] transition-[background-color,box-shadow] duration-150 hover:bg-surface-background hover:[box-shadow:var(--kbd-shadow,var(--kbd-fallback-shadow)),0_0_0_0.05em_color-mix(in_oklab,var(--stroke-2)_50%,transparent)] focus-visible:outline-2 focus-visible:outline-focus-ring active:bg-surface-2 active:pt-[0.1em] active:pb-[0.05em] active:[box-shadow:var(--kbd-shadow-active,var(--kbd-fallback-shadow-active))] [&_*]:leading-none",
+  {
+    variants: {
+      size: {
+        xs: "min-w-[1.75em] text-[0.625rem]",
+        sm: "min-w-[1.75em] text-xs",
+        md: "min-w-[1.75em] text-sm",
+        lg: "min-w-[1.75em] text-base",
+        xl: "min-w-[1.75em] text-lg"
+      },
+      square: {
+        false: "",
+        true: "px-0"
+      }
+    },
+    compoundVariants: [
+      { className: "w-[1.75em]", size: "xs", square: true },
+      { className: "w-[1.75em]", size: "sm", square: true },
+      { className: "w-[1.75em]", size: "md", square: true },
+      { className: "w-[1.75em]", size: "lg", square: true },
+      { className: "w-[1.75em]", size: "xl", square: true }
+    ],
+    defaultVariants: {
+      size: "md",
+      square: false
+    }
+  }
+);
+function isSingleCharacter(children) {
+  return typeof children === "string" && Array.from(children.trim()).length === 1;
+}
+function Kbd({ children, className, size, square, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      className: cn(
+        kbdVariants({
+          size,
+          square: square ?? isSingleCharacter(children)
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  Kbd,
+  kbdVariants
+};