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

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

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Select as Select$1 } from '@base-ui/react/select';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithoutRef } from 'react';
+
+type SelectRootProps = ComponentPropsWithoutRef<typeof Select$1.Root>;
+type SelectLabelProps = ComponentPropsWithoutRef<typeof Select$1.Label>;
+declare const selectTriggerVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
+type SelectTriggerProps = ComponentPropsWithoutRef<typeof Select$1.Trigger> & SelectTriggerVariantProps;
+type SelectValueProps = ComponentPropsWithoutRef<typeof Select$1.Value>;
+type SelectIconProps = ComponentPropsWithoutRef<typeof Select$1.Icon>;
+type SelectPortalProps = ComponentPropsWithoutRef<typeof Select$1.Portal>;
+type SelectPositionerProps = ComponentPropsWithoutRef<typeof Select$1.Positioner>;
+type SelectPopupProps = ComponentPropsWithoutRef<typeof Select$1.Popup>;
+type SelectListProps = ComponentPropsWithoutRef<typeof Select$1.List>;
+type SelectItemProps = ComponentPropsWithoutRef<typeof Select$1.Item>;
+type SelectItemIndicatorProps = ComponentPropsWithoutRef<typeof Select$1.ItemIndicator>;
+type SelectItemTextProps = ComponentPropsWithoutRef<typeof Select$1.ItemText>;
+type SelectGroupProps = ComponentPropsWithoutRef<typeof Select$1.Group>;
+type SelectGroupLabelProps = ComponentPropsWithoutRef<typeof Select$1.GroupLabel>;
+declare function Select(props: SelectRootProps): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ className, ...props }: SelectValueProps): react_jsx_runtime.JSX.Element;
+declare function SelectIcon({ children, className, ...props }: SelectIconProps): react_jsx_runtime.JSX.Element;
+declare function SelectPortal(props: SelectPortalProps): react_jsx_runtime.JSX.Element;
+declare function SelectPositioner({ className, sideOffset, ...props }: SelectPositionerProps): react_jsx_runtime.JSX.Element;
+declare function SelectPopup({ className, ...props }: SelectPopupProps): react_jsx_runtime.JSX.Element;
+declare function SelectList({ className, ...props }: SelectListProps): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
+declare function SelectItemIndicator({ children, className, ...props }: SelectItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function SelectItemText({ className, ...props }: SelectItemTextProps): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ className, ...props }: SelectGroupProps): react_jsx_runtime.JSX.Element;
+declare function SelectGroupLabel({ className, ...props }: SelectGroupLabelProps): react_jsx_runtime.JSX.Element;
+
+export { Select, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectRootProps, SelectTrigger, type SelectTriggerProps, type SelectTriggerVariantProps, SelectValue, type SelectValueProps, selectTriggerVariants };

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

@@ -0,0 +1,205 @@
+// src/kernel/components/ui/select.tsx
+import { Select as BaseSelect } from "@base-ui/react/select";
+
+// 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/select.tsx
+import { cva } from "class-variance-authority";
+import { Check, ChevronDown } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var selectTriggerVariants = cva(
+  [
+    "inline-flex w-full min-w-0 items-center justify-between gap-2 rounded-input border border-stroke-2 bg-surface-1 text-foreground-1 transition-colors",
+    "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",
+    "data-[placeholder]:text-foreground-3 data-[popup-open]:border-focus-ring"
+  ].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"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function Select(props) {
+  return /* @__PURE__ */ jsx(BaseSelect.Root, { ...props });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.Label,
+    {
+      className: cn("text-sm font-medium text-foreground-1", className),
+      ...props
+    }
+  );
+}
+function SelectTrigger({
+  className,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.Trigger,
+    {
+      className: cn(selectTriggerVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.Value,
+    {
+      className: cn("min-w-0 flex-1 truncate text-left", className),
+      ...props
+    }
+  );
+}
+function SelectIcon({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.Icon,
+    {
+      className: cn(
+        "flex size-4 shrink-0 items-center justify-center text-foreground-3 transition-transform data-[popup-open]:rotate-180",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function SelectPortal(props) {
+  return /* @__PURE__ */ jsx(BaseSelect.Portal, { ...props });
+}
+function SelectPositioner({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.Positioner,
+    {
+      className: cn("z-50 outline-none", className),
+      sideOffset,
+      ...props
+    }
+  );
+}
+function SelectPopup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.Popup,
+    {
+      className: cn(
+        "animate-popup max-h-72 w-[min(calc(var(--anchor-width)+2rem),var(--available-width))] min-w-[var(--anchor-width)] overflow-hidden rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-1 text-surface-menu-foreground shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(BaseSelect.List, { className: cn("grid gap-1", className), ...props });
+}
+function SelectItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.Item,
+    {
+      className: cn(
+        "relative flex min-w-0 cursor-default select-none items-center rounded-[max(calc(var(--radius-popup)_-_0.25rem),0px)] py-1.5 pl-8 pr-2 text-sm text-surface-menu-foreground outline-none",
+        "data-[highlighted]:bg-surface-menu-hover data-[highlighted]:text-surface-menu-hover-foreground data-[selected]:bg-surface-menu-active data-[selected]:text-surface-menu-active-foreground",
+        "data-disabled:pointer-events-none data-disabled:text-surface-menu-disabled-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectItemIndicator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.ItemIndicator,
+    {
+      className: cn(
+        "absolute left-2 flex size-4 items-center justify-center text-accent-1",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function SelectItemText({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.ItemText,
+    {
+      className: cn("min-w-0 flex-1 truncate", className),
+      ...props
+    }
+  );
+}
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(BaseSelect.Group, { className: cn("grid gap-1", className), ...props });
+}
+function SelectGroupLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseSelect.GroupLabel,
+    {
+      className: cn(
+        "px-2 py-1 text-xs font-medium text-surface-menu-disabled-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Select,
+  SelectGroup,
+  SelectGroupLabel,
+  SelectIcon,
+  SelectItem,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectList,
+  SelectPopup,
+  SelectPortal,
+  SelectPositioner,
+  SelectTrigger,
+  SelectValue,
+  selectTriggerVariants
+};

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

@@ -0,0 +1,73 @@
+"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/separator.tsx
+var separator_exports = {};
+__export(separator_exports, {
+  Separator: () => Separator
+});
+module.exports = __toCommonJS(separator_exports);
+var import_separator = require("@base-ui/react/separator");
+
+// 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/separator.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_separator.Separator,
+    {
+      className: cn(
+        "shrink-0 bg-stroke-3",
+        orientation === "vertical" ? "h-auto w-px" : "h-px w-full",
+        className
+      ),
+      orientation,
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Separator
+});

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
+import { ComponentPropsWithoutRef } from 'react';
+
+type SeparatorProps = ComponentPropsWithoutRef<typeof Separator$1>;
+declare function Separator({ className, orientation, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
+
+export { Separator, type SeparatorProps };

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
+import { ComponentPropsWithoutRef } from 'react';
+
+type SeparatorProps = ComponentPropsWithoutRef<typeof Separator$1>;
+declare function Separator({ className, orientation, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
+
+export { Separator, type SeparatorProps };

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

@@ -0,0 +1,48 @@
+// src/kernel/components/ui/separator.tsx
+import { Separator as BaseSeparator } from "@base-ui/react/separator";
+
+// 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/separator.tsx
+import { jsx } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseSeparator,
+    {
+      className: cn(
+        "shrink-0 bg-stroke-3",
+        orientation === "vertical" ? "h-auto w-px" : "h-px w-full",
+        className
+      ),
+      orientation,
+      ...props
+    }
+  );
+}
+export {
+  Separator
+};

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

@@ -0,0 +1,131 @@
+"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/table.tsx
+var table_exports = {};
+__export(table_exports, {
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCell: () => TableCell,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow
+});
+module.exports = __toCommonJS(table_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/table.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Table({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "not-markdown-prose my-6 w-full overflow-x-auto rounded-table border border-stroke-2 bg-surface-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "table",
+    {
+      className: cn(
+        "w-full border-separate border-spacing-0 text-left text-sm",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { className, ...props });
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { className, ...props });
+}
+function TableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: cn("[&:last-child>td]:border-b-0", className), ...props });
+}
+function TableHead({
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "th",
+    {
+      className: cn(
+        "border-b border-stroke-2 bg-surface-2 px-3 py-2 font-medium text-foreground-1",
+        className
+      ),
+      style,
+      ...props
+    }
+  );
+}
+function TableCell({
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "td",
+    {
+      className: cn(
+        "border-b border-stroke-3 px-3 py-2 align-top text-foreground-2",
+        className
+      ),
+      style,
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+});

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef } from 'react';
+
+declare function Table({ className, ...props }: ComponentPropsWithoutRef<"table">): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: ComponentPropsWithoutRef<"thead">): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: ComponentPropsWithoutRef<"tbody">): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: ComponentPropsWithoutRef<"tr">): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, style, ...props }: ComponentPropsWithoutRef<"th">): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, style, ...props }: ComponentPropsWithoutRef<"td">): react_jsx_runtime.JSX.Element;
+
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef } from 'react';
+
+declare function Table({ className, ...props }: ComponentPropsWithoutRef<"table">): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: ComponentPropsWithoutRef<"thead">): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: ComponentPropsWithoutRef<"tbody">): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: ComponentPropsWithoutRef<"tr">): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, style, ...props }: ComponentPropsWithoutRef<"th">): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, style, ...props }: ComponentPropsWithoutRef<"td">): react_jsx_runtime.JSX.Element;
+
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

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

@@ -0,0 +1,99 @@
+// 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/table.tsx
+import { jsx } from "react/jsx-runtime";
+function Table({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "not-markdown-prose my-6 w-full overflow-x-auto rounded-table border border-stroke-2 bg-surface-1", children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      className: cn(
+        "w-full border-separate border-spacing-0 text-left text-sm",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("thead", { className, ...props });
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("tbody", { className, ...props });
+}
+function TableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("tr", { className: cn("[&:last-child>td]:border-b-0", className), ...props });
+}
+function TableHead({
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: cn(
+        "border-b border-stroke-2 bg-surface-2 px-3 py-2 font-medium text-foreground-1",
+        className
+      ),
+      style,
+      ...props
+    }
+  );
+}
+function TableCell({
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      className: cn(
+        "border-b border-stroke-3 px-3 py-2 align-top text-foreground-2",
+        className
+      ),
+      style,
+      ...props
+    }
+  );
+}
+export {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+};