@shipfox/client-auth 4.0.0 → 5.0.0

package/dist/components/auth-shell.d.ts

@@ -1,13 +0,0 @@
-import { type HeaderProps } from '@shipfox/react-ui/typography';
-import type { PropsWithChildren, ReactNode, Ref } from 'react';
-export interface AuthShellProps {
-    title: string;
-    description: string;
-    children: ReactNode;
-    className?: string;
-    headingProps?: Omit<HeaderProps, 'children' | 'id'> | undefined;
-    headingRef?: Ref<HTMLHeadingElement> | undefined;
-}
-export declare function AuthShell({ title, description, children, className, headingProps, headingRef, }: AuthShellProps): import("react").JSX.Element;
-export declare function AuthActions({ children }: PropsWithChildren): import("react").JSX.Element;
-//# sourceMappingURL=auth-shell.d.ts.map

package/dist/components/auth-shell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth-shell.d.ts","sourceRoot":"","sources":["../../src/components/auth-shell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,WAAW,EAAO,MAAM,8BAA8B,CAAC;AAC5E,OAAO,KAAK,EAAC,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAChE,UAAU,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,cAAc,+BA2ChB;AAED,wBAAgB,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE,iBAAiB,+BAExD"}

package/dist/components/auth-shell.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@shipfox/react-ui/icon';
-import { Header, Text } from '@shipfox/react-ui/typography';
-export function AuthShell({ title, description, children, className, headingProps, headingRef }) {
-    return /*#__PURE__*/ _jsxs("main", {
-        className: "relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-24 py-32 max-[520px]:items-start max-[520px]:px-20 max-[520px]:pb-32 max-[520px]:pt-56",
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: "pointer-events-none absolute left-1/2 top-0 h-[380px] w-full max-w-[880px] -translate-x-1/2 -translate-y-[120px] opacity-55 max-[520px]:-translate-y-[170px] max-[520px]:opacity-35",
-                "aria-hidden": "true",
-                style: {
-                    maskImage: 'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',
-                    WebkitMaskImage: 'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)'
-                },
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]"
-                })
-            }),
-            /*#__PURE__*/ _jsxs("section", {
-                className: className ?? 'relative flex w-full max-w-[384px] flex-col items-stretch gap-28',
-                "aria-labelledby": "auth-title",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-col items-center gap-16",
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                className: "flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-10 shadow-button-neutral",
-                                children: /*#__PURE__*/ _jsx(Icon, {
-                                    name: "shipfox",
-                                    className: "size-42 text-background-highlight-interactive"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "flex min-w-[128px] flex-col items-center gap-4 text-center",
-                                children: [
-                                    /*#__PURE__*/ _jsx(Header, {
-                                        id: "auth-title",
-                                        variant: "h1",
-                                        tabIndex: -1,
-                                        ...headingProps,
-                                        ...headingRef ? {
-                                            ref: headingRef
-                                        } : {},
-                                        children: title
-                                    }),
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        size: "sm",
-                                        className: "text-foreground-neutral-subtle",
-                                        children: description
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    children
-                ]
-            })
-        ]
-    });
-}
-export function AuthActions({ children }) {
-    return /*#__PURE__*/ _jsx("div", {
-        className: "flex flex-col gap-20",
-        children: children
-    });
-}
-
-//# sourceMappingURL=auth-shell.js.map

package/dist/components/auth-shell.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/auth-shell.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {Header, type HeaderProps, Text} from '@shipfox/react-ui/typography';\nimport type {PropsWithChildren, ReactNode, Ref} from 'react';\n\nexport interface AuthShellProps {\n  title: string;\n  description: string;\n  children: ReactNode;\n  className?: string;\n  headingProps?: Omit<HeaderProps, 'children' | 'id'> | undefined;\n  headingRef?: Ref<HTMLHeadingElement> | undefined;\n}\n\nexport function AuthShell({\n  title,\n  description,\n  children,\n  className,\n  headingProps,\n  headingRef,\n}: AuthShellProps) {\n  return (\n    <main className=\"relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-24 py-32 max-[520px]:items-start max-[520px]:px-20 max-[520px]:pb-32 max-[520px]:pt-56\">\n      <div\n        className=\"pointer-events-none absolute left-1/2 top-0 h-[380px] w-full max-w-[880px] -translate-x-1/2 -translate-y-[120px] opacity-55 max-[520px]:-translate-y-[170px] max-[520px]:opacity-35\"\n        aria-hidden=\"true\"\n        style={{\n          maskImage:\n            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',\n          WebkitMaskImage:\n            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',\n        }}\n      >\n        <div className=\"h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]\" />\n      </div>\n\n      <section\n        className={className ?? 'relative flex w-full max-w-[384px] flex-col items-stretch gap-28'}\n        aria-labelledby=\"auth-title\"\n      >\n        <div className=\"flex flex-col items-center gap-16\">\n          <div className=\"flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-10 shadow-button-neutral\">\n            <Icon name=\"shipfox\" className=\"size-42 text-background-highlight-interactive\" />\n          </div>\n          <div className=\"flex min-w-[128px] flex-col items-center gap-4 text-center\">\n            <Header\n              id=\"auth-title\"\n              variant=\"h1\"\n              tabIndex={-1}\n              {...headingProps}\n              {...(headingRef ? ({ref: headingRef} as HeaderProps) : {})}\n            >\n              {title}\n            </Header>\n            <Text size=\"sm\" className=\"text-foreground-neutral-subtle\">\n              {description}\n            </Text>\n          </div>\n        </div>\n        {children}\n      </section>\n    </main>\n  );\n}\n\nexport function AuthActions({children}: PropsWithChildren) {\n  return <div className=\"flex flex-col gap-20\">{children}</div>;\n}\n"],"names":["Icon","Header","Text","AuthShell","title","description","children","className","headingProps","headingRef","main","div","aria-hidden","style","maskImage","WebkitMaskImage","section","aria-labelledby","name","id","variant","tabIndex","ref","size","AuthActions"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,MAAM,EAAoBC,IAAI,QAAO,+BAA+B;AAY5E,OAAO,SAASC,UAAU,EACxBC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,UAAU,EACK;IACf,qBACE,MAACC;QAAKH,WAAU;;0BACd,KAACI;gBACCJ,WAAU;gBACVK,eAAY;gBACZC,OAAO;oBACLC,WACE;oBACFC,iBACE;gBACJ;0BAEA,cAAA,KAACJ;oBAAIJ,WAAU;;;0BAGjB,MAACS;gBACCT,WAAWA,aAAa;gBACxBU,mBAAgB;;kCAEhB,MAACN;wBAAIJ,WAAU;;0CACb,KAACI;gCAAIJ,WAAU;0CACb,cAAA,KAACP;oCAAKkB,MAAK;oCAAUX,WAAU;;;0CAEjC,MAACI;gCAAIJ,WAAU;;kDACb,KAACN;wCACCkB,IAAG;wCACHC,SAAQ;wCACRC,UAAU,CAAC;wCACV,GAAGb,YAAY;wCACf,GAAIC,aAAc;4CAACa,KAAKb;wCAAU,IAAoB,CAAC,CAAC;kDAExDL;;kDAEH,KAACF;wCAAKqB,MAAK;wCAAKhB,WAAU;kDACvBF;;;;;;oBAINC;;;;;AAIT;AAEA,OAAO,SAASkB,YAAY,EAAClB,QAAQ,EAAoB;IACvD,qBAAO,KAACK;QAAIJ,WAAU;kBAAwBD;;AAChD"}

package/src/components/auth-shell.tsx

@@ -1,68 +0,0 @@
-import {Icon} from '@shipfox/react-ui/icon';
-import {Header, type HeaderProps, Text} from '@shipfox/react-ui/typography';
-import type {PropsWithChildren, ReactNode, Ref} from 'react';
-
-export interface AuthShellProps {
-  title: string;
-  description: string;
-  children: ReactNode;
-  className?: string;
-  headingProps?: Omit<HeaderProps, 'children' | 'id'> | undefined;
-  headingRef?: Ref<HTMLHeadingElement> | undefined;
-}
-
-export function AuthShell({
-  title,
-  description,
-  children,
-  className,
-  headingProps,
-  headingRef,
-}: AuthShellProps) {
-  return (
-    <main className="relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-24 py-32 max-[520px]:items-start max-[520px]:px-20 max-[520px]:pb-32 max-[520px]:pt-56">
-      <div
-        className="pointer-events-none absolute left-1/2 top-0 h-[380px] w-full max-w-[880px] -translate-x-1/2 -translate-y-[120px] opacity-55 max-[520px]:-translate-y-[170px] max-[520px]:opacity-35"
-        aria-hidden="true"
-        style={{
-          maskImage:
-            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',
-          WebkitMaskImage:
-            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',
-        }}
-      >
-        <div className="h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]" />
-      </div>
-
-      <section
-        className={className ?? 'relative flex w-full max-w-[384px] flex-col items-stretch gap-28'}
-        aria-labelledby="auth-title"
-      >
-        <div className="flex flex-col items-center gap-16">
-          <div className="flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-10 shadow-button-neutral">
-            <Icon name="shipfox" className="size-42 text-background-highlight-interactive" />
-          </div>
-          <div className="flex min-w-[128px] flex-col items-center gap-4 text-center">
-            <Header
-              id="auth-title"
-              variant="h1"
-              tabIndex={-1}
-              {...headingProps}
-              {...(headingRef ? ({ref: headingRef} as HeaderProps) : {})}
-            >
-              {title}
-            </Header>
-            <Text size="sm" className="text-foreground-neutral-subtle">
-              {description}
-            </Text>
-          </div>
-        </div>
-        {children}
-      </section>
-    </main>
-  );
-}
-
-export function AuthActions({children}: PropsWithChildren) {
-  return <div className="flex flex-col gap-20">{children}</div>;
-}