@arch-cadre/ui 0.0.44 → 0.0.45

package/dist/logo.mjs

@@ -1,32 +0,0 @@
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import Image from "next/image";
-import * as React from "react";
-import { cn } from "./lib/utils.mjs";
-const variants = cva("", {
-  variants: {
-    variant: {
-      default: "stroke-primary fill-primary",
-      primary: "stroke-primary fill-primary"
-    },
-    size: {
-      default: "",
-      sm: "h-auto w-10",
-      md: "h-auto w-16"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "sm"
-  }
-});
-function Logo({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ React.createElement(Comp, { ...props, className: cn("flex items-center space-x-2", className) }, /* @__PURE__ */ React.createElement(Image, { src: "/logo.svg", alt: "alt", height: 24.69, width: 164 }));
-}
-Logo.displayName = "Logo";
-export { Logo, variants };

package/dist/postcss.config.d.mts

@@ -1,3 +0,0 @@
-export default config;
-/** @type {import('postcss-load-config').Config} */
-declare const config: any;

package/dist/providers/auth-provider.d.ts

@@ -1,15 +0,0 @@
-import type { AuthSession } from "@arch-cadre/core";
-import * as React from "react";
-import { type ReactNode } from "react";
-export declare const AuthContext: React.Context<{
-    user: AuthSession["user"] | null | undefined;
-    session: AuthSession["session"] | null | undefined;
-    kryoPrefix: string;
-    isLoading: boolean;
-    refetchUser: () => Promise<void>;
-} | undefined>;
-export default function AuthProvider({ children, initialSession, kryoPrefix, }: {
-    children: ReactNode;
-    initialSession?: AuthSession;
-    kryoPrefix?: string;
-}): React.JSX.Element;

package/dist/providers/auth-provider.mjs

@@ -1,37 +0,0 @@
-"use client";
-import * as React from "react";
-import { createContext, useEffect, useState } from "react";
-import { mutate } from "swr";
-import { PageLoader } from "../shared/page-loader.mjs";
-export const AuthContext = createContext(void 0);
-export default function AuthProvider({
-  children,
-  initialSession,
-  kryoPrefix = "/kryo"
-}) {
-  const [isLoading, setIsLoading] = useState(true);
-  const refetchUser = async () => {
-    mutate("user");
-  };
-  useEffect(() => {
-    setTimeout(() => {
-      setIsLoading(false);
-    }, 800);
-  }, []);
-  if (isLoading) {
-    return /* @__PURE__ */ React.createElement(PageLoader, { text: "User checking" });
-  }
-  return /* @__PURE__ */ React.createElement(
-    AuthContext.Provider,
-    {
-      value: {
-        user: initialSession?.user,
-        session: initialSession?.session,
-        kryoPrefix,
-        isLoading,
-        refetchUser
-      }
-    },
-    children
-  );
-}

package/dist/providers/index.d.ts

@@ -1,7 +0,0 @@
-import type { AuthSession } from "@arch-cadre/core";
-import * as React from "react";
-export declare const AppProvider: ({ children, initialSession, kryoPrefix, }: {
-    children: React.ReactElement;
-    initialSession?: AuthSession;
-    kryoPrefix?: string;
-}) => React.JSX.Element;

package/dist/providers/index.mjs

@@ -1,33 +0,0 @@
-"use client";
-import * as React from "react";
-import { useEffect, useState } from "react";
-import { SWRConfig } from "swr";
-import { Toaster } from "../components/sonner.mjs";
-import { TooltipProvider } from "../components/tooltip.mjs";
-import { PageLoader } from "../shared/page-loader.mjs";
-import AuthProvider from "./auth-provider.mjs";
-export const AppProvider = ({
-  children,
-  initialSession,
-  kryoPrefix
-}) => {
-  const [isLoading, setIsLoading] = useState(true);
-  useEffect(() => {
-    setTimeout(() => {
-      setIsLoading(false);
-    }, 800);
-  }, []);
-  if (isLoading) {
-    return /* @__PURE__ */ React.createElement(PageLoader, { text: "Initializing" });
-  }
-  return /* @__PURE__ */ React.createElement(
-    SWRConfig,
-    {
-      value: {
-        fetcher: (url) => fetch(url).then((response) => responseon()),
-        revalidateIfStale: true
-      }
-    },
-    /* @__PURE__ */ React.createElement(AuthProvider, { initialSession, kryoPrefix }, /* @__PURE__ */ React.createElement(TooltipProvider, null, children, /* @__PURE__ */ React.createElement(Toaster, { position: "top-right", expand: true })))
-  );
-};

package/dist/shared/access-denied.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function AccessDenied(): React.JSX.Element;

package/dist/shared/access-denied.mjs

@@ -1,12 +0,0 @@
-import { Icon } from "@iconify/react";
-import * as React from "react";
-import { Button } from "../components/button.mjs";
-export function AccessDenied() {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-[60vh] text-center space-y-6 p-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-destructive/10 p-6 rounded-full" }, /* @__PURE__ */ React.createElement(
-    Icon,
-    {
-      icon: "solar:shield-warning-bold-duotone",
-      className: "size-16 text-destructive"
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold tracking-tight" }, "Access Denied"), /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground max-w-[400px]" }, "You do not have the required permissions to access this area. Please contact your administrator if you believe this is an error.")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React.createElement(Button, { asChild: true, variant: "outline" }, /* @__PURE__ */ React.createElement("a", { href: "/" }, "Go back home")), /* @__PURE__ */ React.createElement(Button, { asChild: true }, /* @__PURE__ */ React.createElement("a", { href: "/signin" }, "Sign in with another account"))));
-}

package/dist/shared/loader.d.ts

@@ -1,11 +0,0 @@
-import type { VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const loaderVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "ghost" | "dark" | null | undefined;
-    size?: "default" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof loaderVariants> {
-    asChild?: boolean;
-}
-declare function Loader({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof loaderVariants> & LoaderProps): React.JSX.Element;
-export { Loader, loaderVariants };

package/dist/shared/loader.mjs

@@ -1,98 +0,0 @@
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { cn } from "../lib/utils.mjs";
-const loaderVariants = cva("spinner", {
-  variants: {
-    variant: {
-      default: "stroke-primary",
-      dark: "stroke-white",
-      destructive: "stroke-destructive",
-      secondary: "stroke-secondary",
-      ghost: "stroke-accent"
-    },
-    size: {
-      default: "h-5 w-5",
-      md: "h-10 w-10",
-      lg: "h-60 w-60"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-function Loader({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ React.createElement(Comp, { className: "flex items-center justify-center", ...props }, /* @__PURE__ */ React.createElement("style", null, `
-                .spinner {
-                  animation: animate-rotate 2s linear infinite;
-                  z-index: 2;
-                  max-width: 5rem;
-                  max-height: 5rem;
-
-                  .path {
-                    stroke-linecap: round;
-                    animation: animate-dash 1.75s ease-in-out infinite;
-                  }
-                }
-            `), /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      className: cn(loaderVariants({ variant, size, className }))
-    },
-    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
-      "circle",
-      {
-        cx: 12,
-        cy: 12,
-        r: 9.5,
-        fill: "none",
-        strokeLinecap: "round",
-        strokeWidth: 3
-      },
-      /* @__PURE__ */ React.createElement(
-        "animate",
-        {
-          attributeName: "stroke-dasharray",
-          calcMode: "spline",
-          dur: "1.5s",
-          keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1",
-          keyTimes: "0;0.475;0.95;1",
-          repeatCount: "indefinite",
-          values: "0 150;42 150;42 150;42 150"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "animate",
-        {
-          attributeName: "stroke-dashoffset",
-          calcMode: "spline",
-          dur: "1.5s",
-          keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1",
-          keyTimes: "0;0.475;0.95;1",
-          repeatCount: "indefinite",
-          values: "0;-16;-59;-59"
-        }
-      )
-    ), /* @__PURE__ */ React.createElement(
-      "animateTransform",
-      {
-        attributeName: "transform",
-        dur: "2s",
-        repeatCount: "indefinite",
-        type: "rotate",
-        values: "0 12 12;360 12 12"
-      }
-    ))
-  ));
-}
-export { Loader, loaderVariants };

package/dist/shared/page-loader.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-interface PageLoaderProps {
-    withLogo?: boolean;
-    text?: string;
-}
-export declare function PageLoader({ withLogo, text }: PageLoaderProps): React.JSX.Element;
-export {};

package/dist/shared/page-loader.mjs

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { Logo } from "../logo.mjs";
-import { Loader } from "./loader.mjs";
-export function PageLoader({ withLogo = true, text }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "bg-background absolute inset-0 flex flex-col items-center justify-center space-y-6" }, withLogo && /* @__PURE__ */ React.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React.createElement(Logo, null)), /* @__PURE__ */ React.createElement(Loader, null), text && /* @__PURE__ */ React.createElement("div", { className: "text-xs lowercase" }, text));
-}

package/dist/shared/scroll-fade-effect.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-export declare function ScrollFadeEffect({ className, orientation, ...props }: React.ComponentProps<"div"> & {
-    orientation?: "horizontal" | "vertical";
-}): React.JSX.Element;

package/dist/shared/scroll-fade-effect.mjs

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { cn } from "../lib/utils.mjs";
-export function ScrollFadeEffect({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      "data-orientation": orientation,
-      className: cn(
-        "data-[orientation=horizontal]:overflow-x-auto data-[orientation=vertical]:overflow-y-auto",
-        "data-[orientation=horizontal]:scroll-fade-effect-x data-[orientation=vertical]:scroll-fade-effect-y",
-        className
-      ),
-      ...props
-    }
-  );
-}

package/dist/styles/globals.css

@@ -1 +0,0 @@
-@import "tailwindcss";@source "../../../apps/**/*.{ts,tsx}";@source "../../../components/**/*.{ts,tsx}";@source "../**/*.{ts,tsx}";@import "tw-animate-css";@custom-variant dark (&:is(.dark *));@theme inline{--container:1024px;--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-syne-sans);--font-mono:var(--font-syne-mono);--color-sidebar-ring:var(--sidebar-ring);--color-sidebar-border:var(--sidebar-border);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar:var(--sidebar);--color-chart-5:var(--chart-5);--color-chart-4:var(--chart-4);--color-chart-3:var(--chart-3);--color-chart-2:var(--chart-2);--color-chart-1:var(--chart-1);--color-ring:var(--ring);--color-input:var(--input);--color-border:var(--border);--color-destructive:var(--destructive);--color-accent-foreground:var(--accent-foreground);--color-accent:var(--accent);--color-muted-foreground:var(--muted-foreground);--color-muted:var(--muted);--color-secondary-foreground:var(--secondary-foreground);--color-secondary:var(--secondary);--color-primary-foreground:var(--primary-foreground);--color-primary:var(--primary);--color-popover-foreground:var(--popover-foreground);--color-popover:var(--popover);--color-card-foreground:var(--card-foreground);--color-card:var(--card);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-4xl:calc(var(--radius) + 16px)}:root{--radius:0.5rem;--background:oklch(0.985 0 0);--foreground:oklch(0.24 0.06 245.57);--card:oklch(1 0 0);--card-foreground:oklch(0.24 0.06 245.57);--popover:oklch(1 0 0);--popover-foreground:oklch(0.24 0.06 245.57);--primary:oklch(0.24 0.06 245.57);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.24 0.06 245.57);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.24 0.06 245.57);--destructive:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--sidebar:oklch(1 0 0);--sidebar-foreground:oklch(0.24 0.06 245.57);--sidebar-primary:oklch(0.24 0.06 245.57);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.24 0.06 245.57);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.205 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.205 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.922 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.704 0.191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(0.556 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(0.556 0 0)}@layer utilities{.squircle{border-radius:1rem}@supports (corner-shape:squircle){.squircle{border-radius:2rem;corner-shape:squircle}}}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}body:before{z-index:1}[data-slot=sidebar-wrapper]:before,body:before{background:#000;content:"";filter:url(#grain);height:100%;left:0;opacity:.1;pointer-events:none;position:fixed;top:0;width:100%}[data-slot=sidebar-wrapper]:before{z-index:51}svg.grain-noise{height:0;position:absolute;width:0;z-index:-1}.container{margin:0 auto;max-width:var(--container);@apply px-4 sm:px-6 lg:px-8}@keyframes show-top-mask{to{--top-mask-height:var(--mask-height)}}@keyframes hide-bottom-mask{to{--bottom-mask-height:0px}}@keyframes show-left-mask{to{--left-mask-width:var(--mask-width)}}@keyframes hide-right-mask{to{--right-mask-width:0px}}}@property --top-mask-height{syntax:"<length>";inherits:true;initial-value:0}@property --bottom-mask-height{syntax:"<length>";inherits:true;initial-value:64px}@property --left-mask-width{syntax:"<length>";inherits:true;initial-value:0}@property --right-mask-width{syntax:"<length>";inherits:true;initial-value:64px}@utility scroll-fade-effect-y{--mask-height:64px;--mask-offset-top:0px;--mask-offset-bottom:0px;--scroll-buffer:2rem;animation-fill-mode:both;animation-name:show-top-mask,hide-bottom-mask;animation-range:0 var(--scroll-buffer),calc(100% - var(--scroll-buffer)) 100%;animation-timeline:scroll(self),scroll(self);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(0deg,transparent,#000 90%),linear-gradient(180deg,transparent 0,#000),linear-gradient(#000,#000);mask-image:linear-gradient(0deg,transparent,#000 90%),linear-gradient(180deg,transparent 0,#000),linear-gradient(#000,#000);-webkit-mask-position:0 var(--mask-offset-top),0 calc(100% - var(--mask-offset-bottom)),0 0;mask-position:0 var(--mask-offset-top),0 calc(100% - var(--mask-offset-bottom)),0 0;-webkit-mask-repeat:no-repeat,no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat,no-repeat;-webkit-mask-size:100% var(--top-mask-height),100% var(--bottom-mask-height),100% 100%;mask-size:100% var(--top-mask-height),100% var(--bottom-mask-height),100% 100%}@utility scroll-fade-effect-x{--mask-width:64px;--mask-offset-left:0px;--mask-offset-right:0px;--scroll-buffer:2rem;animation-fill-mode:both;animation-name:show-left-mask,hide-right-mask;animation-range:0 var(--scroll-buffer),calc(100% - var(--scroll-buffer)) 100%;animation-timeline:scroll(self inline),scroll(self inline);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(270deg,transparent,#000 90%),linear-gradient(90deg,transparent 0,#000),linear-gradient(#000,#000);mask-image:linear-gradient(270deg,transparent,#000 90%),linear-gradient(90deg,transparent 0,#000),linear-gradient(#000,#000);-webkit-mask-position:var(--mask-offset-left) 0,calc(100% - var(--mask-offset-right)) 0,0 0;mask-position:var(--mask-offset-left) 0,calc(100% - var(--mask-offset-right)) 0,0 0;-webkit-mask-repeat:no-repeat,no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat,no-repeat;-webkit-mask-size:var(--left-mask-width) 100%,var(--right-mask-width) 100%,100% 100%;mask-size:var(--left-mask-width) 100%,var(--right-mask-width) 100%,100% 100%}@keyframes progress-fast{0%{transform:translateX(-100%)}50%{transform:translateX(-20%)}to{transform:translateX(100%)}}.animate-progress-fast{animation:progress-fast 1.5s linear infinite}