@orangecheck/app-design 1.4.0 → 1.5.0

package/dist/primitives.d.mts

@@ -21,7 +21,7 @@ import './index-DmfyPYe5.mjs';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "danger" | "brand" | "primary" | "secondary" | "ghost" | "onInk" | "onInkOutline" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | null | undefined;
+    size?: "icon" | "sm" | "md" | "lg" | "icon-sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -40,7 +40,7 @@ declare function StatusPill({ className, children, pulse, ...props }: HTMLAttrib
 }): react.JSX.Element;
 
 declare const cardVariants: (props?: ({
-    tone?: "ink" | "default" | "sunken" | "outline" | null | undefined;
+    tone?: "default" | "ink" | "sunken" | "outline" | null | undefined;
     padding?: "none" | "sm" | "md" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -164,7 +164,7 @@ declare function StatusDot({ tone, pulse, className, }: {
     pulse?: boolean;
     className?: string;
 }): react.JSX.Element;
-declare function Toaster(props: ToasterProps): react.JSX.Element;
+declare function Toaster({ style, ...props }: ToasterProps): react.JSX.Element;
 
 interface ScrollFadeProps extends HTMLAttributes<HTMLDivElement> {
     fade?: string;
@@ -200,6 +200,7 @@ interface PromptOptions extends ConfirmOptions {
     secret?: boolean;
     minLength?: number;
     validate?: (value: string) => string | null | undefined;
+    confirmField?: boolean | ReactNode;
 }
 declare function confirm(options: ConfirmOptions): Promise<boolean>;
 declare function prompt(options: PromptOptions): Promise<string | null>;

package/dist/primitives.d.ts

@@ -21,7 +21,7 @@ import './index-DmfyPYe5.js';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "danger" | "brand" | "primary" | "secondary" | "ghost" | "onInk" | "onInkOutline" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | null | undefined;
+    size?: "icon" | "sm" | "md" | "lg" | "icon-sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -40,7 +40,7 @@ declare function StatusPill({ className, children, pulse, ...props }: HTMLAttrib
 }): react.JSX.Element;
 
 declare const cardVariants: (props?: ({
-    tone?: "ink" | "default" | "sunken" | "outline" | null | undefined;
+    tone?: "default" | "ink" | "sunken" | "outline" | null | undefined;
     padding?: "none" | "sm" | "md" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -164,7 +164,7 @@ declare function StatusDot({ tone, pulse, className, }: {
     pulse?: boolean;
     className?: string;
 }): react.JSX.Element;
-declare function Toaster(props: ToasterProps): react.JSX.Element;
+declare function Toaster({ style, ...props }: ToasterProps): react.JSX.Element;
 
 interface ScrollFadeProps extends HTMLAttributes<HTMLDivElement> {
     fade?: string;
@@ -200,6 +200,7 @@ interface PromptOptions extends ConfirmOptions {
     secret?: boolean;
     minLength?: number;
     validate?: (value: string) => string | null | undefined;
+    confirmField?: boolean | ReactNode;
 }
 declare function confirm(options: ConfirmOptions): Promise<boolean>;
 declare function prompt(options: PromptOptions): Promise<string | null>;

package/dist/primitives.js

@@ -6,6 +6,7 @@ var react = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
+var nextThemes = require('next-themes');
 var sonner = require('sonner');
 var jsxRuntime = require('react/jsx-runtime');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
@@ -161,10 +162,18 @@ function StatusDot({
     }
   );
 }
-function Toaster(props) {
+var TOAST_COLOURS = {
+  "--normal-bg": "var(--popover)",
+  "--normal-text": "var(--popover-foreground)",
+  "--normal-border": "var(--border)"
+};
+function Toaster({ style, ...props }) {
+  const { resolvedTheme } = nextThemes.useTheme();
   return /* @__PURE__ */ jsxRuntime.jsx(
     sonner.Toaster,
     {
+      theme: resolvedTheme === "dark" ? "dark" : resolvedTheme === "light" ? "light" : "system",
+      style: { ...TOAST_COLOURS, ...style },
       position: "bottom-right",
       toastOptions: {
         classNames: {
@@ -911,7 +920,9 @@ var none = () => null;
 function PromptBody({ ask: a }) {
   const o = a.options;
   const [value, setValue] = react.useState(o.defaultValue ?? "");
+  const [again, setAgain] = react.useState("");
   const [error, setError] = react.useState(null);
+  const [mismatch, setMismatch] = react.useState(false);
   const submit = (e) => {
     e.preventDefault();
     if (o.minLength && value.length < o.minLength) {
@@ -923,6 +934,10 @@ function PromptBody({ ask: a }) {
       setError(refused);
       return;
     }
+    if (o.confirmField && again !== value) {
+      setMismatch(true);
+      return;
+    }
     a.settle(value);
     done();
   };
@@ -938,9 +953,30 @@ function PromptBody({ ask: a }) {
         onChange: (e) => {
           setValue(e.target.value);
           setError(null);
+          setMismatch(false);
         }
       }
     ) }),
+    o.confirmField ? /* @__PURE__ */ jsxRuntime.jsx(
+      Field,
+      {
+        label: o.confirmField === true ? "Type it again" : o.confirmField,
+        error: mismatch ? "The two do not match." : null,
+        className: "mt-4",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            type: o.secret ? "password" : "text",
+            autoComplete: o.secret ? "new-password" : "off",
+            value: again,
+            onChange: (e) => {
+              setAgain(e.target.value);
+              setMismatch(false);
+            }
+          }
+        )
+      }
+    ) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Button,