@itsyouagency/ui 1.45.0 → 1.47.0

package/dist/layouts/dashboard.d.ts

@@ -1,9 +1,11 @@
+import { ReactNode } from 'react';
 import { TDashboardNav } from '../components/base/DashboardNav';
 interface Props {
     children: React.ReactNode;
     nav: TDashboardNav;
     contentClassName?: string;
     currentPath: string;
+    sidebarFooter?: ReactNode;
 }
-export default function DashboardLayout({ children, nav, contentClassName, currentPath, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DashboardLayout({ children, nav, contentClassName, currentPath, sidebarFooter, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/layouts/index.d.ts

@@ -1,2 +1,4 @@
 export { default as DashboardLayout } from './dashboard';
 export { default as LogoLayout } from './logoLayout';
+export { default as WorkspaceLayout, type WorkspaceLayoutProps, } from './workspace';
+export { default as WorkspaceAuthLayout, type WorkspaceAuthLayoutProps, } from './workspaceAuth';

package/dist/layouts/workspace.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { WorkspaceNav as Navigation, WorkspaceLabels } from '../components/workspace/navigation';
+export interface WorkspaceLayoutProps {
+    children: ReactNode;
+    nav: Navigation;
+    currentPath: string;
+    navigationKey?: string;
+    busy?: boolean;
+    onNavigate: (href: string) => void;
+    account?: {
+        name: string;
+        email?: string | null;
+        role?: string;
+        onSignOut?: () => void;
+    };
+    workspaceName: string;
+    workspaceDescription?: string;
+    brand?: ReactNode;
+    brandSubtitle?: string;
+    homeHref?: string;
+    contentClassName?: string;
+    sidebarFooter?: ReactNode;
+    /** Pin the account's sign-out action below the scrollable navigation. */
+    sidebarSignOut?: boolean;
+    footer?: ReactNode;
+    headerActions?: ReactNode;
+    labels?: Partial<WorkspaceLabels>;
+}
+export default function WorkspaceLayout({ children, nav, currentPath, navigationKey, busy, onNavigate, account, workspaceName, workspaceDescription, brand, brandSubtitle, homeHref, contentClassName, sidebarFooter, sidebarSignOut, footer, headerActions, labels: customLabels, }: WorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/layouts/workspaceAuth.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface WorkspaceAuthLayoutProps {
+    children: ReactNode;
+    workspaceLabel: string;
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    brand?: ReactNode;
+    formHeader?: ReactNode;
+    storyFooter?: ReactNode;
+    footer?: ReactNode;
+}
+export default function WorkspaceAuthLayout({ children, workspaceLabel, eyebrow, title, description, brand, formHeader, storyFooter, footer, }: WorkspaceAuthLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/tailwind.workspace.config.d.ts

@@ -0,0 +1,3 @@
+import type { Config } from 'tailwindcss';
+declare const preset: Partial<Config>;
+export = preset;

package/dist/tailwind.workspace.config.js

@@ -0,0 +1 @@
+const gray=Object.fromEntries([50,100,200,300,400,500,600,700,800,900,950].map(a=>[a,`rgb(var(--ui-gray-${a}) / <alpha-value>)`]));module.exports={theme:{extend:{colors:{primary:"rgb(var(--ui-primary) / <alpha-value>)",secondary:"rgb(var(--ui-secondary) / <alpha-value>)",dark:gray[950],light:gray[200],salt:"rgb(var(--ui-canvas) / <alpha-value>)",gray,blue:gray,green:gray,red:gray,orange:gray,purple:gray,yellow:gray,amber:gray,emerald:gray,success:{100:gray[100],500:gray[800]},warning:{400:gray[500]}},fontFamily:{sans:"var(--ui-font-sans)",poppins:"Poppins",tommy:"Tommy",tommyOutline:"Tommy Outline"},fontSize:{"5xl":"2.8rem"},maxWidth:{"8xl":"96rem"},borderWidth:{3:"3px"},lineHeight:{11:"3.4rem"}}},safelist:[{pattern:/grid-cols-[0-9]/}]};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itsyouagency/ui",
-  "version": "1.45.0",
+  "version": "1.47.0",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,14 +13,6 @@
     "dist",
     "dist/assets"
   ],
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build": "webpack --config webpack.config.js",
-    "prepublishOnly": "pnpm run build",
-    "pub": "npm publish --access public"
-  },
   "keywords": [],
   "author": "Husein Fakhir",
   "license": "ISC",
@@ -54,6 +46,7 @@
     "tailwindcss": "^3.4.17",
     "ts-loader": "^9.5.2",
     "url-loader": "^4.1.1",
+    "webpack": "5.103.0",
     "webpack-cli": "^6.0.1"
   },
   "peerDependencies": {
@@ -66,6 +59,7 @@
     "@tanstack/react-table": "^8.20.6",
     "@tanstack/table-core": "^8.21.2",
     "classnames": "^2.5.1",
+    "dompurify": "^3.4.16",
     "moment": "^2.30.1",
     "next": "15.0.7",
     "react": "19.0.0-rc-66855b96-20241106",
@@ -77,5 +71,13 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "test": "pnpm run build && node --test tests/*.test.cjs",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "webpack --config webpack.config.js",
+    "pub": "npm publish --access public",
+    "dev": "webpack --config webpack.config.js --watch"
   }
-}
+}

package/dist/assets/logos/mark.svg

@@ -1,10 +0,0 @@
-    <svg viewBox="0 0 47 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path fill="#6366f1" d="M23.5 6.5C17.5 6.5 13.75 9.5 12.25 15.5C14.5 12.5 17.125 11.375 20.125 12.125C21.8367 12.5529 23.0601 13.7947 24.4142 15.1692C26.6202 17.4084 29.1734 20 34.75 20C40.75 20 44.5 17 46 11C43.75 14 41.125 15.125 38.125 14.375C36.4133 13.9471 35.1899 12.7053 33.8357 11.3308C31.6297 9.09158 29.0766 6.5 23.5 6.5ZM12.25 20C6.25 20 2.5 23 1 29C3.25 26 5.875 24.875 8.875 25.625C10.5867 26.0529 11.8101 27.2947 13.1642 28.6693C15.3702 30.9084 17.9234 33.5 23.5 33.5C29.5 33.5 33.25 30.5 34.75 24.5C32.5 27.5 29.875 28.625 26.875 27.875C25.1633 27.4471 23.9399 26.2053 22.5858 24.8307C20.3798 22.5916 17.8266 20 12.25 20Z"/>
-        <defs>
-            <linearGradient id="%%GRADIENT_ID%%" x1="33.999" x2="1" y1="16.181" y2="16.181"
-                gradientUnits="userSpaceOnUse">
-                <stop stop-color="%%GRADIENT_TO%%" />
-                <stop offset="1" stop-color="%%GRADIENT_FROM%%" />
-            </linearGradient>
-        </defs>
-    </svg>

package/dist/index.js.LICENSE.txt

@@ -1,40 +0,0 @@
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-/**
-   * react-table
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-with-selector.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-//! moment.js
-
-//! moment.js locale configuration