@arch-cadre/ui 0.0.10 → 0.0.15

package/dist/index.cjs

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Icon: true,
+  toast: true
+};
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () {
+    return _react.Icon;
+  }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () {
+    return _sonner.toast;
+  }
+});
+var _react = require("@iconify/react");
+var _sonner = require("sonner");
+var _badge = require("./components/badge.cjs");
+Object.keys(_badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _badge[key];
+    }
+  });
+});
+var _button = require("./components/button.cjs");
+Object.keys(_button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _button[key];
+    }
+  });
+});
+var _card = require("./components/card.cjs");
+Object.keys(_card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _card[key];
+    }
+  });
+});
+var _checkbox = require("./components/checkbox.cjs");
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _checkbox[key];
+    }
+  });
+});
+var _dropdownMenu = require("./components/dropdown-menu.cjs");
+Object.keys(_dropdownMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _dropdownMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dropdownMenu[key];
+    }
+  });
+});
+var _input = require("./components/input.cjs");
+Object.keys(_input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _input[key];
+    }
+  });
+});
+var _label = require("./components/label.cjs");
+Object.keys(_label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _label[key];
+    }
+  });
+});
+var _languageSwitcher = require("./components/language-switcher.cjs");
+Object.keys(_languageSwitcher).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _languageSwitcher[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _languageSwitcher[key];
+    }
+  });
+});
+var _table = require("./components/table.cjs");
+Object.keys(_table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _table[key];
+    }
+  });
+});
+var _textarea = require("./components/textarea.cjs");
+Object.keys(_textarea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _textarea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _textarea[key];
+    }
+  });
+});
+var _utils = require("./lib/utils.cjs");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { Icon } from "@iconify/react";
+export { toast } from "sonner";
+export * from "./components/badge";
+export * from "./components/button";
+export * from "./components/card";
+export * from "./components/checkbox";
+export * from "./components/dropdown-menu";
+export * from "./components/input";
+export * from "./components/label";
+export * from "./components/language-switcher";
+export * from "./components/table";
+export * from "./components/textarea";
+export * from "./lib/utils";

package/dist/index.mjs

@@ -0,0 +1,13 @@
+export { Icon } from "@iconify/react";
+export { toast } from "sonner";
+export * from "./components/badge.mjs";
+export * from "./components/button.mjs";
+export * from "./components/card.mjs";
+export * from "./components/checkbox.mjs";
+export * from "./components/dropdown-menu.mjs";
+export * from "./components/input.mjs";
+export * from "./components/label.mjs";
+export * from "./components/language-switcher.mjs";
+export * from "./components/table.mjs";
+export * from "./components/textarea.mjs";
+export * from "./lib/utils.mjs";

package/dist/lib/utils.cjs

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cn = cn;
+var _clsx = require("clsx");
+var _tailwindMerge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, _tailwindMerge.twMerge)((0, _clsx.clsx)(inputs));
+}

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.mjs

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}

package/dist/logo.cjs

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Logo = Logo;
+exports.variants = void 0;
+var _reactSlot = require("@radix-ui/react-slot");
+var _classVarianceAuthority = require("class-variance-authority");
+var _image = _interopRequireDefault(require("next/image"));
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("./lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const variants = exports.variants = (0, _classVarianceAuthority.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 ? _reactSlot.Slot : "div";
+  return /* @__PURE__ */React.createElement(Comp, {
+    ...props,
+    className: (0, _utils.cn)("flex items-center space-x-2", className)
+  }, /* @__PURE__ */React.createElement(_image.default, {
+    src: "/logo.svg",
+    alt: "alt",
+    height: 24.69,
+    width: 164
+  }));
+}
+Logo.displayName = "Logo";

package/dist/logo.d.ts

@@ -0,0 +1,15 @@
+import type { VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const variants: (props?: ({
+    variant?: "default" | "primary" | null | undefined;
+    size?: "default" | "sm" | "md" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface LogoProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof variants> {
+    asChild?: boolean;
+    mode?: "full" | "short";
+}
+declare function Logo({ className, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof variants> & LogoProps): React.JSX.Element;
+declare namespace Logo {
+    var displayName: string;
+}
+export { Logo, variants };

package/dist/logo.mjs

@@ -0,0 +1,32 @@
+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.cjs

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {}
+  }
+};
+module.exports = config;

package/dist/postcss.config.d.mts

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

package/dist/postcss.config.mjs

@@ -0,0 +1,6 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: { "@tailwindcss/postcss": {} },
+};
+
+export default config;

package/dist/providers/auth-provider.cjs

@@ -0,0 +1,44 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuthContext = void 0;
+module.exports = AuthProvider;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _swr = require("swr");
+var _pageLoader = require("../shared/page-loader.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AuthContext = exports.AuthContext = (0, _react.createContext)(void 0);
+function AuthProvider({
+  children,
+  initialSession,
+  kryoPrefix = "/kryo"
+}) {
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  const refetchUser = async () => {
+    (0, _swr.mutate)("user");
+  };
+  (0, _react.useEffect)(() => {
+    setTimeout(() => {
+      setIsLoading(false);
+    }, 800);
+  }, []);
+  if (isLoading) {
+    return /* @__PURE__ */React.createElement(_pageLoader.PageLoader, {
+      text: "User checking"
+    });
+  }
+  return /* @__PURE__ */React.createElement(AuthContext.Provider, {
+    value: {
+      user: initialSession?.user,
+      session: initialSession?.session,
+      kryoPrefix,
+      isLoading,
+      refetchUser
+    }
+  }, children);
+}

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,37 @@
+"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.cjs

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _swr = require("swr");
+var _sonner = require("../components/sonner.cjs");
+var _tooltip = require("../components/tooltip.cjs");
+var _pageLoader = require("../shared/page-loader.cjs");
+var _authProvider = _interopRequireDefault(require("./auth-provider.cjs"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AppProvider = ({
+  children,
+  initialSession,
+  kryoPrefix
+}) => {
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    setTimeout(() => {
+      setIsLoading(false);
+    }, 800);
+  }, []);
+  if (isLoading) {
+    return /* @__PURE__ */React.createElement(_pageLoader.PageLoader, {
+      text: "Initializing"
+    });
+  }
+  return /* @__PURE__ */React.createElement(_swr.SWRConfig, {
+    value: {
+      fetcher: url => fetch(url).then(response => response.json()),
+      revalidateIfStale: true
+    }
+  }, /* @__PURE__ */React.createElement(_authProvider.default, {
+    initialSession,
+    kryoPrefix
+  }, /* @__PURE__ */React.createElement(_tooltip.TooltipProvider, null, children, /* @__PURE__ */React.createElement(_sonner.Toaster, {
+    position: "top-right",
+    expand: true
+  }))));
+};
+exports.AppProvider = AppProvider;

package/dist/providers/index.d.ts

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,33 @@
+"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) => response.json()),
+        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.cjs

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccessDenied = AccessDenied;
+var _react = require("@iconify/react");
+var React = _interopRequireWildcard(require("react"));
+var _button = require("../components/button.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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(_react.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.Button, {
+    asChild: true,
+    variant: "outline"
+  }, /* @__PURE__ */React.createElement("a", {
+    href: "/"
+  }, "Go back home")), /* @__PURE__ */React.createElement(_button.Button, {
+    asChild: true
+  }, /* @__PURE__ */React.createElement("a", {
+    href: "/signin"
+  }, "Sign in with another account"))));
+}

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

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

package/dist/shared/access-denied.mjs

@@ -0,0 +1,12 @@
+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"))));
+}