@drawnagency/primitives 0.1.11 → 0.1.13

package/src/schemas/site-config.ts

@@ -2,9 +2,13 @@ import { z } from "zod";
 import { MediaConfigSchema } from "./media";
 import { HexColorSchema } from "./shared";
 
+const StatusSchema = z.enum(["draft", "live", "archived", "published"]).transform(
+  (val) => val === "published" ? "live" as const : val,
+);
+
 export const SectionMetaSchema = z.object({
   type: z.string(),
-  status: z.enum(["draft", "published", "archived"]),
+  status: StatusSchema,
   access: z.array(z.string()),
 });
 

package/dist/components/editor/AudiencePicker.d.ts

@@ -1,9 +0,0 @@
-import type { Audience } from "../../auth/types";
-interface Props {
-    access: string[];
-    audiences: Audience[];
-    onChange: (access: string[]) => void;
-}
-export declare function AudiencePicker({ access, audiences, onChange }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AudiencePicker.d.ts.map

package/dist/components/editor/AudiencePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AudiencePicker.d.ts","sourceRoot":"","sources":["../../../src/components/editor/AudiencePicker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyFpE"}

package/dist/components/editor/StatusBadge.d.ts

@@ -1,7 +0,0 @@
-interface StatusBadgeProps {
-    status: string;
-    dirty?: boolean;
-}
-export declare function StatusBadge({ status, dirty }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/components/editor/StatusBadge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/editor/StatusBadge.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAQD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,gBAAgB,2CAc9D"}

package/dist/components/editor/StatusPicker.d.ts

@@ -1,9 +0,0 @@
-type Status = "draft" | "published" | "archived";
-interface Props {
-    status: Status;
-    dirty?: boolean;
-    onChange: (status: Status) => void;
-}
-export declare function StatusPicker({ status, dirty, onChange }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=StatusPicker.d.ts.map

package/dist/components/editor/StatusPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusPicker.d.ts","sourceRoot":"","sources":["../../../src/components/editor/StatusPicker.tsx"],"names":[],"mappings":"AAMA,KAAK,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjD,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAgBD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyD9D"}

package/src/components/editor/StatusBadge.tsx

@@ -1,30 +0,0 @@
-import { cn } from "../../lib/cn";
-
-type Status = "published" | "draft" | "archived";
-
-interface StatusBadgeProps {
-  status: string;
-  dirty?: boolean;
-}
-
-const statusClasses: Record<Status, string> = {
-  published: "bg-status-published-bg text-status-published-text",
-  draft: "bg-status-draft-bg text-status-draft-text",
-  archived: "bg-status-archived-bg text-status-archived-text",
-};
-
-export function StatusBadge({ status, dirty }: StatusBadgeProps) {
-  return (
-    <span
-      className={cn(
-        "rounded-full px-2 py-0.5 text-xs font-medium",
-        statusClasses[status as Status] ?? statusClasses.archived,
-      )}
-    >
-      {status}
-      {dirty && (
-        <span className="ml-1 opacity-70">· Unsaved</span>
-      )}
-    </span>
-  );
-}

package/src/components/editor/StatusPicker.tsx

@@ -1,86 +0,0 @@
-import { useRef, useState } from "react";
-import { Check } from "lucide-react";
-import { cn } from "../../lib/cn";
-import { Popover } from "../shared/Popover";
-import { PopoverItem } from "../shared/PopoverItem";
-
-type Status = "draft" | "published" | "archived";
-
-interface Props {
-  status: Status;
-  dirty?: boolean;
-  onChange: (status: Status) => void;
-}
-
-const STATUSES: Status[] = ["draft", "published", "archived"];
-
-const statusClasses: Record<Status, string> = {
-  published: "bg-status-published-bg text-status-published-text",
-  draft: "bg-status-draft-bg text-status-draft-text",
-  archived: "bg-status-archived-bg text-status-archived-text",
-};
-
-const dotClasses: Record<Status, string> = {
-  published: "bg-status-published-bg",
-  draft: "bg-status-draft-bg",
-  archived: "bg-status-archived-bg",
-};
-
-export function StatusPicker({ status, dirty, onChange }: Props) {
-  const [open, setOpen] = useState(false);
-  const buttonRef = useRef<HTMLButtonElement>(null);
-
-  function handleSelect(next: Status) {
-    if (next !== status) onChange(next);
-    setOpen(false);
-  }
-
-  return (
-    <div className="relative">
-      <button
-        ref={buttonRef}
-        type="button"
-        onClick={() => setOpen((v) => !v)}
-        aria-haspopup="true"
-        aria-expanded={open}
-        className={cn(
-          "cursor-pointer rounded-full px-2 py-0.5 text-xs font-medium",
-          statusClasses[status] ?? statusClasses.archived,
-        )}
-      >
-        {status}
-        {dirty && <span className="ml-1 opacity-70">· Unsaved</span>}
-      </button>
-
-      <Popover
-        isOpen={open}
-        onClose={() => setOpen(false)}
-        anchorRef={buttonRef}
-        align="end"
-        className="w-44"
-      >
-        <ul role="radiogroup" aria-label="Section status" className="py-1">
-          {STATUSES.map((s) => {
-            const checked = s === status;
-            return (
-              <li key={s}>
-                <PopoverItem
-                  role="radio"
-                  aria-checked={checked}
-                  onClick={() => handleSelect(s)}
-                >
-                  <span
-                    aria-hidden="true"
-                    className={cn("h-3 w-3 shrink-0 rounded-full border border-base-200", dotClasses[s])}
-                  />
-                  <span className="flex-1 text-sm font-medium capitalize text-base-contrast">{s}</span>
-                  {checked && <Check size={14} strokeWidth={3} className="text-primary" />}
-                </PopoverItem>
-              </li>
-            );
-          })}
-        </ul>
-      </Popover>
-    </div>
-  );
-}