@sqrzro/admin 2.1.0-r19.98 → 4.0.0-alpha.0

package/dist/components/AdminAppLayout/index.d.ts

@@ -0,0 +1,7 @@
+import type { AdminConfig } from '../../utility/interfaces';
+interface AdminAppLayoutProps {
+    readonly children: React.ReactNode;
+    readonly config?: AdminConfig;
+}
+declare function AdminAppLayout({ children, config }: AdminAppLayoutProps): React.ReactElement;
+export default AdminAppLayout;

package/dist/components/AdminAppLayout/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from '@sqrzro/ui/components';
+import { AppNavigation } from '@sqrzro/ui/navigation';
+function AdminAppLayout({ children, config }) {
+    return (_jsxs("div", { className: "flex flex-1 flex-col", children: [_jsx("header", { className: "bg-slate-800", children: _jsxs("div", { className: "flex h-16 items-center border-b border-slate-700 px-4", children: [_jsx(Link, { className: "h-9 w-9", href: "/", children: _jsx("span", { className: "sr-only", children: config?.app.name }) }), _jsx(AppNavigation, { data: config?.navigation || [] })] }) }), _jsx("main", { className: "@container mb-10 block flex flex-1 flex-col", children: children })] }));
+}
+export default AdminAppLayout;

package/dist/components/AdminPage/index.d.ts

@@ -0,0 +1,6 @@
+interface AdminPageProps {
+    readonly children: React.ReactNode;
+    readonly title: string;
+}
+declare function AdminPage({ children, title }: AdminPageProps): React.ReactElement;
+export default AdminPage;

package/dist/components/AdminPage/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Container } from '@sqrzro/ui/components';
+function AdminPage({ children, title }) {
+    return (_jsxs(Fragment, { children: [_jsx("header", { className: "bg-slate-800 pb-16 text-white", children: _jsx(Container, { children: _jsxs("div", { className: "flex items-center justify-between py-10", children: [_jsx("h1", { className: "flex min-h-10 items-center text-3xl font-semibold", children: title }), _jsx("div", { className: "flex gap-2", id: "page-actions" })] }) }) }), _jsx(Container, { children: _jsx("div", { className: "@container -mt-16 flex flex-col gap-8", children: children }) })] }));
+}
+export default AdminPage;

package/dist/components/AdminRootLayout/index.d.ts

@@ -0,0 +1,5 @@
+interface AdminRootLayoutProps {
+    readonly children: React.ReactNode;
+}
+declare function AdminRootLayout({ children }: AdminRootLayoutProps): React.ReactElement;
+export default AdminRootLayout;

package/dist/components/AdminRootLayout/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RootLayout } from '@sqrzro/ui/components';
+import classNameConfig from '../../config';
+function AdminRootLayout({ children }) {
+    return _jsx(RootLayout, { classNameConfig: classNameConfig, children: children });
+}
+export default AdminRootLayout;

package/dist/{styles/config.d.ts → config.d.ts}

@@ -1,3 +1,3 @@
-import type { RegisteredClassNames } from '@sqrzro/components';
+import type { RegisteredClassNames } from '@sqrzro/ui/styles';
 declare const classNames: RegisteredClassNames;
 export default classNames;

package/dist/config.js

@@ -0,0 +1,66 @@
+import { twx } from '@sqrzro/ui/styles';
+const classNames = twx({
+    appNavigation: {
+        root: 'h-full pl-6',
+        list: 'flex h-full items-center gap-4',
+        item: { default: 'relative h-full' },
+        link: {
+            default: 'relative flex h-full items-center px-1 font-semibold text-white/80 hover:text-white',
+            highlighted: 'before:bg-primary text-white before:absolute before:bottom-0 before:left-0 before:right-0 before:h-1',
+        },
+    },
+    button: {
+        root: {
+            danger: 'border-red-500 bg-white text-red-500',
+            default: 'h-10 rounded border border-slate-300 bg-white px-5 text-sm text-slate-600',
+            primary: 'bg-button-bg hover:bg-button-bg-hover text-button-text border-none font-semibold transition-colors',
+            link: 'text-link h-auto w-auto border-0 bg-transparent p-0',
+        },
+        icon: '-ml-1.5 h-4 w-4',
+    },
+    container: {
+        root: 'mx-auto w-full max-w-6xl px-8',
+    },
+    editableForm: {
+        root: 'grid grid-cols-[25%_1fr] gap-20 rounded bg-white p-8 shadow',
+        title: 'mb-8 text-lg font-semibold leading-none text-slate-700',
+        description: 'text-slate-600',
+        actions: 'flex justify-end gap-2 border-t border-slate-200 pt-4',
+    },
+    modal: {
+        root: 'starting:open:backdrop:opacity-0 py-16 backdrop:bg-slate-700/50 backdrop:transition-all backdrop:duration-500 open:backdrop:opacity-100',
+        panel: 'show row-start-2 mx-auto flex w-full max-w-lg flex-col gap-6 rounded bg-white p-6 shadow-xl',
+        content: 'flex flex-col gap-6 [&_p]:text-pretty',
+        icon: 'text-slate-400',
+        title: 'flex items-center gap-2 border-b border-slate-200 pb-6 text-lg font-semibold',
+        actions: 'border-t border-slate-200 pt-6',
+    },
+    pagination: {
+        root: 'mx-auto flex w-full justify-between',
+        list: 'mx-auto flex flex-row items-center gap-1',
+        link: {
+            default: 'inline-flex h-9 w-9 items-center justify-center whitespace-nowrap rounded-md border border-transparent text-sm font-medium hover:bg-slate-100 disabled:pointer-events-none disabled:opacity-30',
+            highlighted: 'border-slate-200 bg-white shadow-sm',
+        },
+        gap: 'flex h-9 w-9 items-center justify-center text-xs text-slate-400',
+        navigation: 'inline-flex h-9 items-center justify-center gap-1 whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium hover:bg-slate-100',
+    },
+    rootLayout: {
+        root: 'overflow-x-hidden overflow-y-scroll bg-slate-50 font-sans text-sm text-slate-800 has-[[data-modal][open]]:overflow-hidden',
+        content: 'flex min-h-screen flex-col',
+    },
+    textInput: {
+        root: {
+            default: 'text-md focus:border-primary h-10 rounded border border-slate-300 px-3 placeholder-slate-400',
+            error: 'border-red-500',
+        },
+        prefix: {
+            default: 'peer-focus:border-primary relative -mr-1 rounded-l border border-slate-300 bg-white px-3 text-sm text-slate-600',
+        },
+        suffix: {
+            default: 'peer-focus:border-primary relative -ml-1 rounded-r border border-slate-300 bg-white px-3 text-sm text-slate-600',
+        },
+        loading: 'text-slate-400',
+    },
+});
+export default classNames;

package/dist/index.d.ts

@@ -1,10 +1,6 @@
-export * from './components';
-export { filter, parseFilters } from './filters';
-export { default as FilterBar } from './filters/components/FilterBar';
-export type { FilterMap } from './filters/interfaces';
-export { transformFromBoolean, transformToBoolean } from './filters/utility/transform-boolean';
-export { transformFromDate, transformToDate } from './filters/utility/transform-date';
-export { transformFromMulti, transformToMulti } from './filters/utility/transform-multi';
-export * from './interfaces';
-export * from './services/ConfigService';
-export { default as authClassNames } from './styles/auth';
+export * from './utility/interfaces';
+export { default as classNames } from './config';
+export { default as AdminAppLayout } from './components/AdminAppLayout';
+export { default as AdminPage } from './components/AdminPage';
+export { default as AdminPageActions } from './components/AdminPageActions';
+export { default as AdminRootLayout } from './components/AdminRootLayout';

package/dist/index.js

@@ -1,9 +1,6 @@
-export * from './components';
-export { filter, parseFilters } from './filters';
-export { default as FilterBar } from './filters/components/FilterBar';
-export { transformFromBoolean, transformToBoolean } from './filters/utility/transform-boolean';
-export { transformFromDate, transformToDate } from './filters/utility/transform-date';
-export { transformFromMulti, transformToMulti } from './filters/utility/transform-multi';
-export * from './interfaces';
-export * from './services/ConfigService';
-export { default as authClassNames } from './styles/auth';
+export * from './utility/interfaces';
+export { default as classNames } from './config';
+export { default as AdminAppLayout } from './components/AdminAppLayout';
+export { default as AdminPage } from './components/AdminPage';
+export { default as AdminPageActions } from './components/AdminPageActions';
+export { default as AdminRootLayout } from './components/AdminRootLayout';

package/dist/utility/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { NavigationObject } from 'node_modules/@sqrzro/ui/dist/navigation/interfaces';
+export interface AdminConfig {
+    app: {
+        name: string;
+        url: string;
+    };
+    navigation: NavigationObject[];
+}

package/package.json

@@ -1,81 +1,32 @@
 {
   "name": "@sqrzro/admin",
   "type": "module",
-  "version": "2.1.0-r19.98",
+  "version": "4.0.0-alpha.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
-  "exports": {
-    ".": "./dist/index.js",
-    "./postcss": "./postcss.config.cjs",
-    "./styles.css": "./styles.css",
-    "./tailwind": "./tailwind.js"
-  },
   "files": [
-    "assets/**/*",
-    "dist/**/*",
-    "postcss.config.cjs",
-    "styles.css",
-    "tailwind.js"
+    "dist/**/*"
   ],
   "dependencies": {
-    "@heroicons/react": "^2.2.0",
-    "@sqrzro/components": "r19",
-    "@sqrzro/hooks": "r19",
-    "@sqrzro/interfaces": "r19",
-    "@sqrzro/server": "r19",
-    "@sqrzro/utility": "r19",
-    "next": "^15.4.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "next": "^16.0.8",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "@sqrzro/ui": "^4.0.0-alpha.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.0",
-    "@babel/preset-env": "^7.28.0",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@chromatic-com/storybook": "^4.1.1",
-    "@sqrzro/eslint-plugin": "r19",
-    "@sqrzro/prettier-config": "r19",
-    "@sqrzro/tailwind-plugin": "r19",
-    "@storybook/addon-a11y": "^9.1.3",
-    "@storybook/addon-docs": "^9.1.3",
-    "@storybook/addon-onboarding": "^9.1.3",
-    "@storybook/nextjs": "^9.1.3",
-    "@testing-library/dom": "^8.20.1",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/bcrypt": "^5.0.2",
-    "@types/jest": "^29.5.14",
-    "@types/node": "18.14.6",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "babel-loader": "^8.4.1",
-    "concurrently": "^7.6.0",
-    "eslint": "^8.57.1",
-    "jest": "^29.7.0",
-    "mockdate": "^3.0.5",
-    "prettier": "^3.6.2",
-    "rimraf": "^4.4.1",
-    "storybook": "^9.1.3",
-    "tailwindcss": "^4.1.11",
-    "tslib": "^2.8.1",
-    "tsup": "^8.5.0",
-    "tsx": "^4.20.3",
-    "typescript": "^5.8.3"
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "concurrently": "^9.2.1",
+    "prettier": "^3.7.4",
+    "rimraf": "^6.1.2",
+    "tsc-alias": "^1.8.16",
+    "typescript": "^5.9.3",
+    "@sqrzro/prettier-config": "^4.0.0-alpha.0"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
+    "build": "pnpm clean && tsc -p tsconfig.build.json && tsc-alias",
     "clean": "rimraf ./dist",
-    "dev": "pnpm build --watch",
-    "docs:build": "pnpm docs:import && storybook build",
-    "docs:import": "tsx scripts/import-component-stories.ts",
-    "docs:start": "pnpm docs:import && storybook dev -p 6006",
-    "lint": "tsc --noEmit && eslint \"./src/**/*.tsx\" \"./src/**/*.ts\"",
-    "prettier": "prettier --write \"./src/**/*.tsx\" \"./src/**/*.ts\"",
-    "start": "pnpm dev",
-    "test": "jest",
-    "test:coverage": "jest --coverage"
+    "dev": "(concurrently \"tsc -p tsconfig.build.json --watch\" \"tsc-alias -w\")"
   }
 }

package/README.md

@@ -1,22 +0,0 @@
-<div align="center">
-
-<h1>
-    <img src="assets/logo.svg" alt="" width="64" style="margin-bottom: 5px">
-    <br />
-    Square Zero Admin
-</h1>
-
-<p>An intentionally opionated collection of components, hooks, services and utilities that lets you very quickly build admin systems in Typescript & React.</p>
-<p>[Click here to get started](/story/guides-installation--page)</p>
-  
-<hr />
-
-[![GitHub license](https://img.shields.io/badge/license-ISC-blue.svg)](https://github.com/sqrzro/sqrzro/admin/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/@sqrzro/admin.svg?style=flat)](https://www.npmjs.com/package/@sqrzro/admin) [![Build](https://github.com/sqrzro/sqrzro/admin/actions/workflows/development.yml/badge.svg)](https://github.com/sqrzro/sqrzro/admin/actions/workflows/development.yml)
- 
-</div>  
-  
-<hr />
-
-## A Note on Beta
-
-Currently, the latest version of Square Zero Admin is `beta`. Although the package is well tested, and used on a number of production sites, with the current lack of documentation it would be unfair to describe it as ‘production-ready’, unless being used by the developers of the package. Work on complete documentation is underway and a true version `1.0.0` should be available in the near future.

package/assets/images/check-white.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7071 5.29289C21.0976 5.68342 21.0976 6.31658 20.7071 6.70711L9.70711 17.7071C9.31658 18.0976 8.68342 18.0976 8.29289 17.7071L3.29289 12.7071C2.90237 12.3166 2.90237 11.6834 3.29289 11.2929C3.68342 10.9024 4.31658 10.9024 4.70711 11.2929L9 15.5858L19.2929 5.29289C19.6834 4.90237 20.3166 4.90237 20.7071 5.29289Z" fill="white"/>
-</svg>

package/assets/images/chevron.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z" fill="#64748B"/>
-</svg>

package/assets/images/close.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="#64748B"/>
-</svg>

package/assets/images/danger-dark.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z" fill="#1e293b"/>
-</svg>

package/assets/images/danger.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z" fill="#EF4444"/>
-</svg>

package/assets/images/eye.svg

@@ -1,12 +0,0 @@
-<svg width="24" height="72" viewBox="0 0 24 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_61_10)">
-<path d="M2.42012 12.7132C2.28394 12.4975 2.21584 12.3897 2.17772 12.2234C2.14909 12.0985 2.14909 11.9015 2.17772 11.7766C2.21584 11.6103 2.28394 11.5025 2.42012 11.2868C3.54553 9.50484 6.8954 5 12.0004 5C17.1054 5 20.4553 9.50484 21.5807 11.2868C21.7169 11.5025 21.785 11.6103 21.8231 11.7766C21.8517 11.9015 21.8517 12.0985 21.8231 12.2234C21.785 12.3897 21.7169 12.4975 21.5807 12.7132C20.4553 14.4952 17.1054 19 12.0004 19C6.8954 19 3.54553 14.4952 2.42012 12.7132Z" stroke="#1e293b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.0004 15C13.6573 15 15.0004 13.6569 15.0004 12C15.0004 10.3431 13.6573 9 12.0004 9C10.3435 9 9.0004 10.3431 9.0004 12C9.0004 13.6569 10.3435 15 12.0004 15Z" stroke="#1e293b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10.7429 53.0923C11.1494 53.0322 11.5686 53 12.0004 53C17.1054 53 20.4553 57.5048 21.5807 59.2868C21.7169 59.5025 21.785 59.6103 21.8231 59.7767C21.8518 59.9016 21.8517 60.0987 21.8231 60.2236C21.7849 60.3899 21.7164 60.4985 21.5792 60.7156C21.2793 61.1901 20.8222 61.8571 20.2165 62.5805M6.72432 54.715C4.56225 56.1817 3.09445 58.2194 2.42111 59.2853C2.28428 59.5019 2.21587 59.6102 2.17774 59.7765C2.1491 59.9014 2.14909 60.0984 2.17771 60.2234C2.21583 60.3897 2.28393 60.4975 2.42013 60.7132C3.54554 62.4952 6.89541 67 12.0004 67C14.0588 67 15.8319 66.2676 17.2888 65.2766M3.00042 51L21.0004 69M9.8791 57.8787C9.3362 58.4216 9.00042 59.1716 9.00042 60C9.00042 61.6569 10.3436 63 12.0004 63C12.8288 63 13.5788 62.6642 14.1217 62.1213" stroke="#1e293b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_61_10">
-<rect width="24" height="72" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/assets/images/info-dark.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM11 8C11 7.44772 11.4477 7 12 7H12.01C12.5623 7 13.01 7.44772 13.01 8C13.01 8.55228 12.5623 9 12.01 9H12C11.4477 9 11 8.55228 11 8ZM12 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V12C11 11.4477 11.4477 11 12 11Z" fill="#1e293b"/>
-</svg>

package/assets/images/info.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM11 8C11 7.44772 11.4477 7 12 7H12.01C12.5623 7 13.01 7.44772 13.01 8C13.01 8.55228 12.5623 9 12.01 9H12C11.4477 9 11 8.55228 11 8ZM12 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V12C11 11.4477 11.4477 11 12 11Z" fill="#3B82F6"/>
-</svg>

package/assets/images/success-dark.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM17.2071 8.29289C17.5976 8.68342 17.5976 9.31658 17.2071 9.70711L11.2071 15.7071C10.8166 16.0976 10.1834 16.0976 9.79289 15.7071L6.79289 12.7071C6.40237 12.3166 6.40237 11.6834 6.79289 11.2929C7.18342 10.9024 7.81658 10.9024 8.20711 11.2929L10.5 13.5858L15.7929 8.29289C16.1834 7.90237 16.8166 7.90237 17.2071 8.29289Z" fill="#1e293b"/>
-</svg>

package/assets/images/success.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM17.2071 8.29289C17.5976 8.68342 17.5976 9.31658 17.2071 9.70711L11.2071 15.7071C10.8166 16.0976 10.1834 16.0976 9.79289 15.7071L6.79289 12.7071C6.40237 12.3166 6.40237 11.6834 6.79289 11.2929C7.18342 10.9024 7.81658 10.9024 8.20711 11.2929L10.5 13.5858L15.7929 8.29289C16.1834 7.90237 16.8166 7.90237 17.2071 8.29289Z" fill="#22C55E"/>
-</svg>

package/assets/images/warning-dark.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7ZM11 16C11 15.4477 11.4477 15 12 15H12.01C12.5623 15 13.01 15.4477 13.01 16C13.01 16.5523 12.5623 17 12.01 17H12C11.4477 17 11 16.5523 11 16Z" fill="#1e293b"/>
-</svg>

package/assets/images/warning.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7ZM11 16C11 15.4477 11.4477 15 12 15H12.01C12.5623 15 13.01 15.4477 13.01 16C13.01 16.5523 12.5623 17 12.01 17H12C11.4477 17 11 16.5523 11 16Z" fill="#EAB308"/>
-</svg>

package/dist/components/ActionAddButton/index.d.ts

@@ -1,5 +0,0 @@
-import type { ButtonProps } from '@sqrzro/components';
-import type { ActionButtonProps } from '../ActionButton';
-export type ActionAddButtonProps = Omit<ActionButtonProps, 'action' | 'icon' | 'variant'> & Omit<ButtonProps, 'icon' | 'variant'>;
-declare function ActionAddButton({ href, ...props }: Readonly<ActionAddButtonProps>): React.ReactElement;
-export default ActionAddButton;

package/dist/components/ActionAddButton/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PlusCircleIcon } from '@heroicons/react/16/solid';
-import { Button } from '@sqrzro/components';
-import ActionButton from '../ActionButton';
-function ActionAddButton({ href, ...props }) {
-    if (href) {
-        return _jsx(Button, { href: href, icon: _jsx(PlusCircleIcon, {}), variant: "primary", ...props });
-    }
-    return _jsx(ActionButton, { action: "new", icon: _jsx(PlusCircleIcon, {}), variant: "primary", ...props });
-}
-export default ActionAddButton;

package/dist/components/ActionAddButton/stories.d.ts

@@ -1,27 +0,0 @@
-import type { StoryObj } from '@storybook/nextjs';
-import ActionAddButton from './index';
-/**
- * A helper button that will most often be used to open a modal for creating 'new' items. It will
- * always be styled as a primary button, and always have a plus icon.
- *
- * When given a `href` prop, this button behaves like any other `Button` with a `href` (i.e. like a
- * `Link` styled as a button).
- *
- * When the `href` prop is omitted, the button appends `action=new` to the current URL. It does this
- * by using the `ActionButton` component with the action preset to 'new'.
- *
- * As it essentially just a wrapper around the `Button` component, all `ButtonProps` can be applied
- * to this component.
- */
-declare const meta: {
-    title: string;
-    component: typeof ActionAddButton;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithHref: Story;

package/dist/components/ActionAddButton/stories.js

@@ -1,34 +0,0 @@
-import ActionAddButton from './index';
-/**
- * A helper button that will most often be used to open a modal for creating 'new' items. It will
- * always be styled as a primary button, and always have a plus icon.
- *
- * When given a `href` prop, this button behaves like any other `Button` with a `href` (i.e. like a
- * `Link` styled as a button).
- *
- * When the `href` prop is omitted, the button appends `action=new` to the current URL. It does this
- * by using the `ActionButton` component with the action preset to 'new'.
- *
- * As it essentially just a wrapper around the `Button` component, all `ButtonProps` can be applied
- * to this component.
- */
-const meta = {
-    title: 'Buttons/ActionAddButton',
-    component: ActionAddButton,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-export default meta;
-export const Default = {
-    args: {
-        children: 'Add New Item',
-    },
-};
-export const WithHref = {
-    args: {
-        children: 'Add New Item',
-        href: '/example',
-    },
-};

package/dist/components/ActionButton/index.d.ts

@@ -1,7 +0,0 @@
-import type { ButtonProps } from '@sqrzro/components';
-export interface ActionButtonProps extends Omit<ButtonProps, 'href'> {
-    action: string;
-    extraParams?: Record<string, string | null>;
-}
-declare function ActionButton({ action, extraParams, ...props }: Readonly<ActionButtonProps>): React.ReactElement;
-export default ActionButton;

package/dist/components/ActionButton/index.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '@sqrzro/components';
-import { useFilterHref } from '@sqrzro/hooks';
-function ActionButton({ action, extraParams, ...props }) {
-    const { getFilterHref } = useFilterHref();
-    return _jsx(Button, { ...props, href: getFilterHref({ action, ...extraParams }) });
-}
-export default ActionButton;

package/dist/components/ActionButton/stories.d.ts

@@ -1,20 +0,0 @@
-import type { StoryObj } from '@storybook/nextjs';
-import ActionButton from './index';
-/**
- * A helper button that appends `action=${action}` to the current URL. This is useful for opening
- * modals.
- *
- * As it essentially just a wrapper around the `Button` component, all `ButtonProps` (except `href`)
- * can be applied to this component.
- */
-declare const meta: {
-    title: string;
-    component: typeof ActionButton;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/ActionButton/stories.js

@@ -1,23 +0,0 @@
-import ActionButton from './index';
-/**
- * A helper button that appends `action=${action}` to the current URL. This is useful for opening
- * modals.
- *
- * As it essentially just a wrapper around the `Button` component, all `ButtonProps` (except `href`)
- * can be applied to this component.
- */
-const meta = {
-    title: 'Buttons/ActionButton',
-    component: ActionButton,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-export default meta;
-export const Default = {
-    args: {
-        action: 'example',
-        children: 'Do Example Action',
-    },
-};

package/dist/components/ActionDownloadButton/index.d.ts

@@ -1,4 +0,0 @@
-import type { ButtonProps } from '@sqrzro/components';
-export type ActionDownloadButtonProps = Omit<ButtonProps, 'icon' | 'variant'>;
-declare function ActionDownloadButton({ classNameProps, ...props }: Readonly<ActionDownloadButtonProps>): React.ReactElement;
-export default ActionDownloadButton;

package/dist/components/ActionDownloadButton/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ArrowDownTrayIcon } from '@heroicons/react/16/solid';
-import { Button } from '@sqrzro/components';
-function ActionDownloadButton({ classNameProps, ...props }) {
-    return (_jsx(Button, { classNameProps: { isOnDark: true, ...classNameProps }, icon: _jsx(ArrowDownTrayIcon, {}), ...props }));
-}
-export default ActionDownloadButton;

package/dist/components/ActionDownloadButton/stories.d.ts

@@ -1,37 +0,0 @@
-import type { StoryObj } from '@storybook/nextjs';
-import ActionDownloadButton from './index';
-/**
- * A helper button that is styled to look like a download button - with a download icon. As it is
- * will almost always appear in the header section of a page, it is also preset with the `isOnDark`
- * `classNameProp`. This however can be overridden if required.
- *
- * As it essentially just a wrapper around the `Button` component, all `ButtonProps` (except `icon`)
- * can be applied to this component.
- */
-declare const meta: {
-    title: string;
-    component: typeof ActionDownloadButton;
-    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/nextjs/*").ReactRenderer, {
-        readonly href?: string | undefined;
-        readonly children: React.ReactNode;
-        readonly form?: string | undefined;
-        readonly hasAssistiveLabel?: boolean | undefined;
-        readonly isDisabled?: boolean | undefined;
-        readonly isFullWidth?: boolean | undefined;
-        readonly isLoading?: boolean | undefined;
-        readonly isNewWindow?: boolean | undefined;
-        readonly isText?: boolean | undefined;
-        readonly name?: string | undefined;
-        readonly onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
-        readonly scroll?: boolean | undefined;
-        readonly style?: React.CSSProperties | undefined;
-        readonly type?: "button" | "submit" | undefined;
-        readonly value?: string | undefined;
-        readonly classNames?: Partial<import("@sqrzro/components/dist/Button").ButtonClassNames> | undefined;
-        readonly classNameProps?: Record<string, unknown> | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/ActionDownloadButton/stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import OnDark from '../../utility/storybook/OnDark';
-import ActionDownloadButton from './index';
-/**
- * A helper button that is styled to look like a download button - with a download icon. As it is
- * will almost always appear in the header section of a page, it is also preset with the `isOnDark`
- * `classNameProp`. This however can be overridden if required.
- *
- * As it essentially just a wrapper around the `Button` component, all `ButtonProps` (except `icon`)
- * can be applied to this component.
- */
-const meta = {
-    title: 'Buttons/ActionDownloadButton',
-    component: ActionDownloadButton,
-    decorators: [(Story) => _jsx(OnDark, { children: Story() })],
-    tags: ['autodocs'],
-};
-export default meta;
-export const Default = {
-    args: {
-        children: 'Download',
-    },
-};

package/dist/components/ActionRemoveButton/index.d.ts

@@ -1,4 +0,0 @@
-import type { ConfirmableButtonProps } from '../ConfirmableButton';
-export type ActionRemoveButtonProps = Omit<ConfirmableButtonProps, 'icon' | 'variant'>;
-declare function ActionRemoveButton({ classNameProps, ...props }: Readonly<ActionRemoveButtonProps>): React.ReactElement;
-export default ActionRemoveButton;

package/dist/components/ActionRemoveButton/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TrashIcon } from '@heroicons/react/16/solid';
-import ConfirmableButton from '../ConfirmableButton';
-function ActionRemoveButton({ classNameProps, ...props }) {
-    return (_jsx(ConfirmableButton, { classNameProps: { isOnDark: true, ...classNameProps }, icon: _jsx(TrashIcon, {}), variant: "danger", ...props }));
-}
-export default ActionRemoveButton;