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

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

@@ -0,0 +1,104 @@
+"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/tag.tsx
+var tag_exports = {};
+__export(tag_exports, {
+  Tag: () => Tag,
+  tagVariants: () => tagVariants
+});
+module.exports = __toCommonJS(tag_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/tag.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var tagVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-tag border px-2 py-0.5 text-xs font-medium leading-5 [&_svg]:shrink-0",
+  {
+    variants: {
+      borderStyle: {
+        dotted: "",
+        solid: ""
+      },
+      tone: {
+        accent: "[--tag-color:var(--accent-1)] [--tag-solid-background:var(--accent-solid)] [--tag-solid-foreground:var(--accent-foreground)]",
+        neutral: "[--tag-color:var(--foreground-2)] [--tag-solid-background:var(--foreground-1)] [--tag-solid-foreground:var(--surface-1)]"
+      },
+      variant: {
+        outline: "border-[color-mix(in_oklch,var(--tag-color)_48%,transparent)] bg-transparent text-[var(--tag-color)]",
+        soft: "border-[color-mix(in_oklch,var(--tag-color)_20%,transparent)] bg-[color-mix(in_oklch,var(--tag-color)_9%,transparent)] text-[var(--tag-color)]",
+        solid: "border-[color-mix(in_oklch,var(--tag-solid-foreground)_12%,transparent)] bg-[var(--tag-solid-background)] text-[var(--tag-solid-foreground)] shadow-[inset_0_1px_0_rgb(255_255_255_/_0.035),0_1px_1px_rgb(0_0_0_/_0.025)]"
+      }
+    },
+    compoundVariants: [
+      {
+        borderStyle: "dotted",
+        className: "border-dotted",
+        variant: ["solid", "soft", "outline"]
+      }
+    ],
+    defaultVariants: {
+      borderStyle: "solid",
+      tone: "neutral",
+      variant: "solid"
+    }
+  }
+);
+function Tag({
+  borderStyle,
+  className,
+  tone,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: cn(tagVariants({ borderStyle, tone, variant }), className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tag,
+  tagVariants
+});

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

@@ -0,0 +1,14 @@
+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 tagVariants: (props?: ({
+    borderStyle?: "solid" | "dotted" | null | undefined;
+    tone?: "accent" | "neutral" | null | undefined;
+    variant?: "solid" | "soft" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TagProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof tagVariants>;
+declare function Tag({ borderStyle, className, tone, variant, ...props }: TagProps): react_jsx_runtime.JSX.Element;
+
+export { Tag, type TagProps, tagVariants };

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

@@ -0,0 +1,14 @@
+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 tagVariants: (props?: ({
+    borderStyle?: "solid" | "dotted" | null | undefined;
+    tone?: "accent" | "neutral" | null | undefined;
+    variant?: "solid" | "soft" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TagProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof tagVariants>;
+declare function Tag({ borderStyle, className, tone, variant, ...props }: TagProps): react_jsx_runtime.JSX.Element;
+
+export { Tag, type TagProps, tagVariants };

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

@@ -0,0 +1,76 @@
+// 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/tag.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var tagVariants = cva(
+  "inline-flex shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-tag border px-2 py-0.5 text-xs font-medium leading-5 [&_svg]:shrink-0",
+  {
+    variants: {
+      borderStyle: {
+        dotted: "",
+        solid: ""
+      },
+      tone: {
+        accent: "[--tag-color:var(--accent-1)] [--tag-solid-background:var(--accent-solid)] [--tag-solid-foreground:var(--accent-foreground)]",
+        neutral: "[--tag-color:var(--foreground-2)] [--tag-solid-background:var(--foreground-1)] [--tag-solid-foreground:var(--surface-1)]"
+      },
+      variant: {
+        outline: "border-[color-mix(in_oklch,var(--tag-color)_48%,transparent)] bg-transparent text-[var(--tag-color)]",
+        soft: "border-[color-mix(in_oklch,var(--tag-color)_20%,transparent)] bg-[color-mix(in_oklch,var(--tag-color)_9%,transparent)] text-[var(--tag-color)]",
+        solid: "border-[color-mix(in_oklch,var(--tag-solid-foreground)_12%,transparent)] bg-[var(--tag-solid-background)] text-[var(--tag-solid-foreground)] shadow-[inset_0_1px_0_rgb(255_255_255_/_0.035),0_1px_1px_rgb(0_0_0_/_0.025)]"
+      }
+    },
+    compoundVariants: [
+      {
+        borderStyle: "dotted",
+        className: "border-dotted",
+        variant: ["solid", "soft", "outline"]
+      }
+    ],
+    defaultVariants: {
+      borderStyle: "solid",
+      tone: "neutral",
+      variant: "solid"
+    }
+  }
+);
+function Tag({
+  borderStyle,
+  className,
+  tone,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(tagVariants({ borderStyle, tone, variant }), className),
+      ...props
+    }
+  );
+}
+export {
+  Tag,
+  tagVariants
+};

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

@@ -6,7 +6,7 @@ import { ElementType, ComponentPropsWithoutRef } from 'react';
 declare const textVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
     variant?: "body" | "label" | "overline" | "headline" | null | undefined;
-    weight?: "default" | "bold" | "medium" | "semibold" | null | undefined;
+    weight?: "bold" | "medium" | "default" | "semibold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TextProps<T extends ElementType = "p"> = {
     as?: T;

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

@@ -6,7 +6,7 @@ import { ElementType, ComponentPropsWithoutRef } from 'react';
 declare const textVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
     variant?: "body" | "label" | "overline" | "headline" | null | undefined;
-    weight?: "default" | "bold" | "medium" | "semibold" | null | undefined;
+    weight?: "bold" | "medium" | "default" | "semibold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TextProps<T extends ElementType = "p"> = {
     as?: T;

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

@@ -69,7 +69,7 @@ function ThemeToggle({
   size = "sm",
   title,
   type = "button",
-  variant = "secondary",
+  variant = "soft",
   ...props
 }) {
   const { theme, setTheme } = (0, import_next_themes.useTheme)();

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

@@ -46,7 +46,7 @@ function ThemeToggle({
   size = "sm",
   title,
   type = "button",
-  variant = "secondary",
+  variant = "soft",
   ...props
 }) {
   const { theme, setTheme } = useTheme();

package/dist/kernel/defaults.registry.cjs

@@ -94,12 +94,12 @@ var kernelDefaultsRegistry = {
     },
     {
       category: "ui",
-      name: "Badge",
+      name: "Tag",
       status: "available",
       description: "Small status and metadata label component.",
-      kernelImport: "@publish.os/nextjs/kernel/components/ui/badge",
-      tenantPath: "publish.os/components/ui/badge.tsx",
-      contract: "BadgeProps"
+      kernelImport: "@publish.os/nextjs/kernel/components/ui/tag",
+      tenantPath: "publish.os/components/ui/tag.tsx",
+      contract: "TagProps"
     },
     {
       category: "ui",

package/dist/kernel/defaults.registry.d.cts

@@ -78,12 +78,12 @@ declare const kernelDefaultsRegistry: {
         readonly contract: "CardProps";
     }, {
         readonly category: "ui";
-        readonly name: "Badge";
+        readonly name: "Tag";
         readonly status: "available";
         readonly description: "Small status and metadata label component.";
-        readonly kernelImport: "@publish.os/nextjs/kernel/components/ui/badge";
-        readonly tenantPath: "publish.os/components/ui/badge.tsx";
-        readonly contract: "BadgeProps";
+        readonly kernelImport: "@publish.os/nextjs/kernel/components/ui/tag";
+        readonly tenantPath: "publish.os/components/ui/tag.tsx";
+        readonly contract: "TagProps";
     }, {
         readonly category: "ui";
         readonly name: "Kbd";

package/dist/kernel/defaults.registry.d.ts

@@ -78,12 +78,12 @@ declare const kernelDefaultsRegistry: {
         readonly contract: "CardProps";
     }, {
         readonly category: "ui";
-        readonly name: "Badge";
+        readonly name: "Tag";
         readonly status: "available";
         readonly description: "Small status and metadata label component.";
-        readonly kernelImport: "@publish.os/nextjs/kernel/components/ui/badge";
-        readonly tenantPath: "publish.os/components/ui/badge.tsx";
-        readonly contract: "BadgeProps";
+        readonly kernelImport: "@publish.os/nextjs/kernel/components/ui/tag";
+        readonly tenantPath: "publish.os/components/ui/tag.tsx";
+        readonly contract: "TagProps";
     }, {
         readonly category: "ui";
         readonly name: "Kbd";

package/dist/kernel/defaults.registry.js

@@ -70,12 +70,12 @@ var kernelDefaultsRegistry = {
     },
     {
       category: "ui",
-      name: "Badge",
+      name: "Tag",
       status: "available",
       description: "Small status and metadata label component.",
-      kernelImport: "@publish.os/nextjs/kernel/components/ui/badge",
-      tenantPath: "publish.os/components/ui/badge.tsx",
-      contract: "BadgeProps"
+      kernelImport: "@publish.os/nextjs/kernel/components/ui/tag",
+      tenantPath: "publish.os/components/ui/tag.tsx",
+      contract: "TagProps"
     },
     {
       category: "ui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@publish.os/nextjs",
-  "version": "0.0.1-alpha.4",
+  "version": "0.0.1-alpha.5",
   "type": "module",
   "license": "UNLICENSED",
   "engines": {
@@ -110,11 +110,10 @@
     "react": "^19.2.0",
     "react-medium-image-zoom": "^5.4.8",
     "remark-gfm": "^4.0.1",
-    "tailwind-merge": "^3.0.0",
-    "tslib": "^2.8.1"
+    "tailwind-merge": "^3.0.0"
   },
   "peerDependencies": {
-    "next": ">=16.0.0",
+    "next": ">=16.2.11",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "typescript": ">=5.0.0"

package/release/package.json

@@ -12,7 +12,7 @@
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
     "class-variance-authority": "0.7.1",
-    "next": "16.2.6",
+    "next": "16.2.11",
     "next-themes": "0.4.6",
     "pagefind": "1.5.2",
     "react": "19.2.0",