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

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

@@ -0,0 +1,168 @@
+"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/popover.tsx
+var popover_exports = {};
+__export(popover_exports, {
+  Popover: () => Popover,
+  PopoverArrow: () => PopoverArrow,
+  PopoverClose: () => PopoverClose,
+  PopoverDescription: () => PopoverDescription,
+  PopoverPopup: () => PopoverPopup,
+  PopoverPortal: () => PopoverPortal,
+  PopoverPositioner: () => PopoverPositioner,
+  PopoverTitle: () => PopoverTitle,
+  PopoverTrigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(popover_exports);
+var import_popover = require("@base-ui/react/popover");
+
+// 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/popover.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Popover(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Root, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Trigger,
+    {
+      className: cn(
+        "rounded-button focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Portal, { ...props });
+}
+function PopoverPositioner({
+  className,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      className: cn("z-50 outline-none", className),
+      sideOffset,
+      ...props
+    }
+  );
+}
+function PopoverPopup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Popup,
+    {
+      className: cn(
+        "animate-popup w-72 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-4 text-surface-menu-foreground shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Title,
+    {
+      className: cn(
+        "text-sm font-semibold text-surface-menu-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Description,
+    {
+      className: cn(
+        "mt-1 text-sm leading-6 text-surface-menu-disabled-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverClose({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Close,
+    {
+      className: cn(
+        "inline-flex size-8 items-center justify-center rounded-button text-surface-menu-disabled-foreground transition-colors hover:bg-surface-menu-hover hover:text-surface-menu-hover-foreground",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverArrow({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Arrow,
+    {
+      className: cn(
+        "size-2 rotate-45 border border-[color:var(--surface-menu-border)] bg-surface-menu",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popover,
+  PopoverArrow,
+  PopoverClose,
+  PopoverDescription,
+  PopoverPopup,
+  PopoverPortal,
+  PopoverPositioner,
+  PopoverTitle,
+  PopoverTrigger
+});

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { ComponentPropsWithoutRef } from 'react';
+
+type PopoverProps = ComponentPropsWithoutRef<typeof Popover$1.Root>;
+type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Popover$1.Trigger>;
+type PopoverPortalProps = ComponentPropsWithoutRef<typeof Popover$1.Portal>;
+type PopoverPositionerProps = ComponentPropsWithoutRef<typeof Popover$1.Positioner>;
+type PopoverPopupProps = ComponentPropsWithoutRef<typeof Popover$1.Popup>;
+type PopoverTitleProps = ComponentPropsWithoutRef<typeof Popover$1.Title>;
+type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof Popover$1.Description>;
+type PopoverCloseProps = ComponentPropsWithoutRef<typeof Popover$1.Close>;
+type PopoverArrowProps = ComponentPropsWithoutRef<typeof Popover$1.Arrow>;
+declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+declare function PopoverPortal(props: PopoverPortalProps): react_jsx_runtime.JSX.Element;
+declare function PopoverPositioner({ className, sideOffset, ...props }: PopoverPositionerProps): react_jsx_runtime.JSX.Element;
+declare function PopoverPopup({ className, ...props }: PopoverPopupProps): react_jsx_runtime.JSX.Element;
+declare function PopoverTitle({ className, ...props }: PopoverTitleProps): react_jsx_runtime.JSX.Element;
+declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function PopoverClose({ className, ...props }: PopoverCloseProps): react_jsx_runtime.JSX.Element;
+declare function PopoverArrow({ className, ...props }: PopoverArrowProps): react_jsx_runtime.JSX.Element;
+
+export { Popover, PopoverArrow, type PopoverArrowProps, PopoverClose, type PopoverCloseProps, PopoverDescription, type PopoverDescriptionProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps };

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { ComponentPropsWithoutRef } from 'react';
+
+type PopoverProps = ComponentPropsWithoutRef<typeof Popover$1.Root>;
+type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Popover$1.Trigger>;
+type PopoverPortalProps = ComponentPropsWithoutRef<typeof Popover$1.Portal>;
+type PopoverPositionerProps = ComponentPropsWithoutRef<typeof Popover$1.Positioner>;
+type PopoverPopupProps = ComponentPropsWithoutRef<typeof Popover$1.Popup>;
+type PopoverTitleProps = ComponentPropsWithoutRef<typeof Popover$1.Title>;
+type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof Popover$1.Description>;
+type PopoverCloseProps = ComponentPropsWithoutRef<typeof Popover$1.Close>;
+type PopoverArrowProps = ComponentPropsWithoutRef<typeof Popover$1.Arrow>;
+declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+declare function PopoverPortal(props: PopoverPortalProps): react_jsx_runtime.JSX.Element;
+declare function PopoverPositioner({ className, sideOffset, ...props }: PopoverPositionerProps): react_jsx_runtime.JSX.Element;
+declare function PopoverPopup({ className, ...props }: PopoverPopupProps): react_jsx_runtime.JSX.Element;
+declare function PopoverTitle({ className, ...props }: PopoverTitleProps): react_jsx_runtime.JSX.Element;
+declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function PopoverClose({ className, ...props }: PopoverCloseProps): react_jsx_runtime.JSX.Element;
+declare function PopoverArrow({ className, ...props }: PopoverArrowProps): react_jsx_runtime.JSX.Element;
+
+export { Popover, PopoverArrow, type PopoverArrowProps, PopoverClose, type PopoverCloseProps, PopoverDescription, type PopoverDescriptionProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps };

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

@@ -0,0 +1,136 @@
+"use client";
+
+// src/kernel/components/ui/popover.tsx
+import { Popover as BasePopover } from "@base-ui/react/popover";
+
+// 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/popover.tsx
+import { jsx } from "react/jsx-runtime";
+function Popover(props) {
+  return /* @__PURE__ */ jsx(BasePopover.Root, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BasePopover.Trigger,
+    {
+      className: cn(
+        "rounded-button focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverPortal(props) {
+  return /* @__PURE__ */ jsx(BasePopover.Portal, { ...props });
+}
+function PopoverPositioner({
+  className,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BasePopover.Positioner,
+    {
+      className: cn("z-50 outline-none", className),
+      sideOffset,
+      ...props
+    }
+  );
+}
+function PopoverPopup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BasePopover.Popup,
+    {
+      className: cn(
+        "animate-popup w-72 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-4 text-surface-menu-foreground shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BasePopover.Title,
+    {
+      className: cn(
+        "text-sm font-semibold text-surface-menu-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BasePopover.Description,
+    {
+      className: cn(
+        "mt-1 text-sm leading-6 text-surface-menu-disabled-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverClose({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BasePopover.Close,
+    {
+      className: cn(
+        "inline-flex size-8 items-center justify-center rounded-button text-surface-menu-disabled-foreground transition-colors hover:bg-surface-menu-hover hover:text-surface-menu-hover-foreground",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PopoverArrow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BasePopover.Arrow,
+    {
+      className: cn(
+        "size-2 rotate-45 border border-[color:var(--surface-menu-border)] bg-surface-menu",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Popover,
+  PopoverArrow,
+  PopoverClose,
+  PopoverDescription,
+  PopoverPopup,
+  PopoverPortal,
+  PopoverPositioner,
+  PopoverTitle,
+  PopoverTrigger
+};

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

@@ -0,0 +1,112 @@
+"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/progress.tsx
+var progress_exports = {};
+__export(progress_exports, {
+  Progress: () => Progress,
+  ProgressIndicator: () => ProgressIndicator,
+  ProgressLabel: () => ProgressLabel,
+  ProgressTrack: () => ProgressTrack,
+  ProgressValue: () => ProgressValue
+});
+module.exports = __toCommonJS(progress_exports);
+var import_progress = require("@base-ui/react/progress");
+
+// 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/progress.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Progress(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.Progress.Root, { ...props });
+}
+function ProgressTrack({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress.Track,
+    {
+      className: cn(
+        "h-2 overflow-hidden rounded-panel bg-surface-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ProgressIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress.Indicator,
+    {
+      className: cn(
+        "h-full w-full rounded-[inherit] bg-accent-1 transition-transform",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ProgressLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress.Label,
+    {
+      className: cn("text-sm font-medium text-foreground-1", className),
+      ...props
+    }
+  );
+}
+function ProgressValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress.Value,
+    {
+      className: cn("text-sm text-foreground-2", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Progress,
+  ProgressIndicator,
+  ProgressLabel,
+  ProgressTrack,
+  ProgressValue
+});

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+import { ComponentPropsWithoutRef } from 'react';
+
+type ProgressProps = ComponentPropsWithoutRef<typeof Progress$1.Root>;
+type ProgressTrackProps = ComponentPropsWithoutRef<typeof Progress$1.Track>;
+type ProgressIndicatorProps = ComponentPropsWithoutRef<typeof Progress$1.Indicator>;
+type ProgressLabelProps = ComponentPropsWithoutRef<typeof Progress$1.Label>;
+type ProgressValueProps = ComponentPropsWithoutRef<typeof Progress$1.Value>;
+declare function Progress(props: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function ProgressTrack({ className, ...props }: ProgressTrackProps): react_jsx_runtime.JSX.Element;
+declare function ProgressIndicator({ className, ...props }: ProgressIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function ProgressLabel({ className, ...props }: ProgressLabelProps): react_jsx_runtime.JSX.Element;
+declare function ProgressValue({ className, ...props }: ProgressValueProps): react_jsx_runtime.JSX.Element;
+
+export { Progress, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, type ProgressProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+import { ComponentPropsWithoutRef } from 'react';
+
+type ProgressProps = ComponentPropsWithoutRef<typeof Progress$1.Root>;
+type ProgressTrackProps = ComponentPropsWithoutRef<typeof Progress$1.Track>;
+type ProgressIndicatorProps = ComponentPropsWithoutRef<typeof Progress$1.Indicator>;
+type ProgressLabelProps = ComponentPropsWithoutRef<typeof Progress$1.Label>;
+type ProgressValueProps = ComponentPropsWithoutRef<typeof Progress$1.Value>;
+declare function Progress(props: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function ProgressTrack({ className, ...props }: ProgressTrackProps): react_jsx_runtime.JSX.Element;
+declare function ProgressIndicator({ className, ...props }: ProgressIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function ProgressLabel({ className, ...props }: ProgressLabelProps): react_jsx_runtime.JSX.Element;
+declare function ProgressValue({ className, ...props }: ProgressValueProps): react_jsx_runtime.JSX.Element;
+
+export { Progress, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, type ProgressProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };

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

@@ -0,0 +1,84 @@
+"use client";
+
+// src/kernel/components/ui/progress.tsx
+import { Progress as BaseProgress } from "@base-ui/react/progress";
+
+// 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/progress.tsx
+import { jsx } from "react/jsx-runtime";
+function Progress(props) {
+  return /* @__PURE__ */ jsx(BaseProgress.Root, { ...props });
+}
+function ProgressTrack({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseProgress.Track,
+    {
+      className: cn(
+        "h-2 overflow-hidden rounded-panel bg-surface-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ProgressIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseProgress.Indicator,
+    {
+      className: cn(
+        "h-full w-full rounded-[inherit] bg-accent-1 transition-transform",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ProgressLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseProgress.Label,
+    {
+      className: cn("text-sm font-medium text-foreground-1", className),
+      ...props
+    }
+  );
+}
+function ProgressValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseProgress.Value,
+    {
+      className: cn("text-sm text-foreground-2", className),
+      ...props
+    }
+  );
+}
+export {
+  Progress,
+  ProgressIndicator,
+  ProgressLabel,
+  ProgressTrack,
+  ProgressValue
+};