@workfort/ui-react 0.0.1

package/dist/components.d.ts

@@ -0,0 +1,68 @@
+import { default as React } from 'react';
+import { WfPanel, WfButton, WfBadge, WfStatusDot, WfSkeleton, WfTextInput, WfList, WfListItem, WfScrollArea, WfErrorFallback } from '@workfort/ui';
+export declare const Panel: React.ForwardRefExoticComponent<{
+    label?: string;
+} & React.HTMLAttributes<WfPanel> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfPanel>>;
+export declare const Button: React.ForwardRefExoticComponent<{
+    variant?: "text" | "filled";
+    disabled?: boolean;
+} & React.HTMLAttributes<WfButton> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfButton>>;
+export declare const Badge: React.ForwardRefExoticComponent<{
+    count?: number;
+} & React.HTMLAttributes<WfBadge> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfBadge>>;
+export declare const StatusDot: React.ForwardRefExoticComponent<{
+    status?: string;
+} & React.HTMLAttributes<WfStatusDot> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfStatusDot>>;
+export declare const Skeleton: React.ForwardRefExoticComponent<{
+    width?: string;
+    height?: string;
+} & React.HTMLAttributes<WfSkeleton> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfSkeleton>>;
+export declare const Divider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export declare const TextInput: React.ForwardRefExoticComponent<{
+    placeholder?: string;
+    value?: string;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfTextInput> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfTextInput>>;
+export declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<WfList> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfList>>;
+export declare const ListItem: React.ForwardRefExoticComponent<{
+    active?: boolean;
+} & React.HTMLAttributes<WfListItem> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfListItem>>;
+export declare const ScrollArea: React.ForwardRefExoticComponent<React.HTMLAttributes<WfScrollArea> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfScrollArea>>;
+export declare const ErrorFallback: React.ForwardRefExoticComponent<{
+    title?: string;
+    message?: string;
+} & React.HTMLAttributes<WfErrorFallback> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfErrorFallback>>;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EACnD,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAC/D,MAAM,cAAc,CAAC;AAqEtB,eAAO,MAAM,KAAK;YAA6B,MAAM;;yDAhEE,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;iCAkEiD,CAAC;AAC9E,eAAO,MAAM,MAAM;cAAgC,MAAM,GAAG,QAAQ;eAAa,OAAO;;yDAjEjC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;kCAmEsF,CAAC;AACnH,eAAO,MAAM,KAAK;YAA6B,MAAM;;yDAlEE,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;iCAoEiD,CAAC;AAC9E,eAAO,MAAM,SAAS;aAAkC,MAAM;;yDAnEP,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAqEmE,CAAC;AAChG,eAAO,MAAM,QAAQ;YAAgC,MAAM;aAAW,MAAM;;yDApErB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCAsE8E,CAAC;AAC3G,eAAO,MAAM,OAAO;yDArEmC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAuE2C,CAAC;AACxE,eAAO,MAAM,SAAS;kBAAuC,MAAM;YAAU,MAAM;eAAa,OAAO;;yDAtEhD,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAwE4G,CAAC;AACzI,eAAO,MAAM,IAAI;yDAvEsC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;gCAyE6B,CAAC;AAC1D,eAAO,MAAM,QAAQ;aAAiC,OAAO;;yDAxEN,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCA0EgE,CAAC;AAC7F,eAAO,MAAM,UAAU;yDAzEgC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;sCA2EsD,CAAC;AACnF,eAAO,MAAM,aAAa;YAAqC,MAAM;cAAY,MAAM;;yDA1EhC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;yCA4EoG,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { Panel, Button, Badge, StatusDot, Skeleton, Divider, TextInput, List, ListItem, ScrollArea, ErrorFallback, } from './components.js';
+export { useAuth } from './use-auth.js';
+export { useTheme } from './use-theme.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAClD,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,GACrD,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,59 @@
+import d, { forwardRef as w, useRef as m, useCallback as l, useSyncExternalStore as p } from "react";
+import "@workfort/ui";
+import { getAuthClient as g } from "@workfort/auth";
+function k(t, u) {
+  const n = m(null), s = m(/* @__PURE__ */ new Map()), o = {}, a = {};
+  for (const [e, c] of Object.entries(u))
+    if (e.startsWith("on") && e.length > 2 && typeof c == "function") {
+      const b = (e[2].toLowerCase() + e.slice(3)).replace(/([A-Z])/g, "-$1").toLowerCase();
+      a[b] = c;
+    } else
+      o[e] = c;
+  return { ref: l((e) => {
+    if (n.current && (s.current.forEach((c, i) => n.current.removeEventListener(i, c)), s.current.clear()), n.current = e, e)
+      for (const [c, i] of Object.entries(a))
+        e.addEventListener(c, i), s.current.set(c, i);
+    typeof t == "function" ? t(e) : t && (t.current = e);
+  }, [t, ...Object.keys(a)]), cleanProps: o };
+}
+function r(t, u) {
+  const n = w(({ children: s, ...o }, a) => {
+    const { ref: f, cleanProps: e } = k(a, o);
+    return d.createElement(t, { ref: f, ...e }, s);
+  });
+  return n.displayName = u, n;
+}
+const y = r("wf-panel", "Panel"), L = r("wf-button", "Button"), A = r("wf-badge", "Badge"), C = r("wf-status-dot", "StatusDot"), x = r("wf-skeleton", "Skeleton"), P = r("wf-divider", "Divider"), B = r("wf-text-input", "TextInput"), D = r("wf-list", "List"), I = r("wf-list-item", "ListItem"), O = r("wf-scroll-area", "ScrollArea"), T = r("wf-error-fallback", "ErrorFallback");
+function j() {
+  const t = g(), u = l((o) => (t.on("change", o), t.on("logout", o), () => {
+    t.off("change", o), t.off("logout", o);
+  }), [t]), n = l(() => t.getUser(), [t]), s = p(u, n);
+  return { user: s, isAuthenticated: s !== null };
+}
+function h() {
+  return typeof document > "u" ? "dark" : document.documentElement.getAttribute("data-theme") ?? "dark";
+}
+function F() {
+  const t = l((u) => {
+    if (typeof document > "u") return () => {
+    };
+    const n = new MutationObserver(() => u());
+    return n.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme"] }), () => n.disconnect();
+  }, []);
+  return p(t, h, () => "dark");
+}
+export {
+  A as Badge,
+  L as Button,
+  P as Divider,
+  T as ErrorFallback,
+  D as List,
+  I as ListItem,
+  y as Panel,
+  O as ScrollArea,
+  x as Skeleton,
+  C as StatusDot,
+  B as TextInput,
+  j as useAuth,
+  F as useTheme
+};

package/dist/use-auth.d.ts

@@ -0,0 +1,6 @@
+import { User } from '@workfort/auth';
+export declare function useAuth(): {
+    user: User | null;
+    isAuthenticated: boolean;
+};
+//# sourceMappingURL=use-auth.d.ts.map

package/dist/use-auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-auth.d.ts","sourceRoot":"","sources":["../src/use-auth.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,wBAAgB,OAAO,IAAI;IAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,eAAe,EAAE,OAAO,CAAA;CAAE,CAUzE"}

package/dist/use-theme.d.ts

@@ -0,0 +1,4 @@
+type Theme = 'dark' | 'light';
+export declare function useTheme(): Theme;
+export {};
+//# sourceMappingURL=use-theme.d.ts.map

package/dist/use-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../src/use-theme.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAO9B,wBAAgB,QAAQ,IAAI,KAAK,CAQhC"}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@workfort/ui-react",
+  "version": "0.0.1",
+  "type": "module",
+  "license": "Apache-2.0",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@workfort/auth": "^0.0.1"
+  },
+  "peerDependencies": {
+    "@workfort/ui": "^0.0.1",
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@workfort/ui": "workspace:*",
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "typescript": "^5.6.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vitest": "^2.1.0",
+    "happy-dom": "^15.0.0"
+  }
+}