@nascentdigital/funnel-apps 4.4.18

package/dist/styles/rn/atomic/Button.css

@@ -0,0 +1,54 @@
+@layer base {
+
+    /* base */
+    :root {
+        --nd-button-height: 40px;
+        --nd-button-minWidth: 0px;
+        --nd-button-gap: 8px;
+        --nd-button-py: 0px;
+        --nd-button-px: 20px;
+        --nd-button-bg: #000000;
+        --nd-button-opacity: 1;
+        --nd-button-border-width: 0px;
+        --nd-button-border-color: transparent;
+        --nd-button-radius: 12px;
+        --nd-button-fg: #ffff00;
+        --nd-button-font: 'Noto Sans';
+        --nd-button-fontWeight: 400;
+        --nd-button-fontSize: 16px;
+        --nd-button-fontStyle: normal;
+        --nd-button-fontHeight: 140%;
+    }
+    .nd-Button {
+        @apply min-w-[--nd-button-minWidth] h-[--nd-button-height];
+        @apply flex-row flex-nowrap justify-center items-center gap-[--nd-button-gap] px-[--nd-button-px] py-[--nd-button-py];
+        @apply bg-[--nd-button-bg] opacity-[--nd-button-opacity];
+        @apply border-solid rounded-[--nd-button-radius];
+        border-width: var(--nd-button-border-width);
+        border-color: var(--nd-button-border-color);
+    }
+    .nd-Button-label {
+        color: var(--nd-button-fg);
+        font-family: var(--nd-button-font);
+        font-size: var(--nd-button-fontSize);
+        font-weight: var(--nd-button-fontWeight);
+        font-style: var(--nd-button-fontStyle);
+        line-height: var(--nd-button-fontHeight);
+    }
+
+    /* variants */
+    .nd-Button-filled {
+        --nd-button-fg: #ffffff;
+        --nd-button-bg: #000000;
+    }
+    .nd-Button-outlined {
+        --nd-button-fg: #000000;
+        --nd-button-bg: #ffffff;
+        --nd-button-border-width: 1px;
+        --nd-button-border-color: #a0a0a0;
+    }
+    .nd-Button-text {
+        --nd-button-fg: #000000;
+        --nd-button-bg: transparent;
+    }
+}

package/dist/styles/rn/atomic/TextField.css

@@ -0,0 +1,77 @@
+@layer base {
+
+    /* base */
+    :root {
+        --nd-textfield-height: 40px;
+        --nd-textfield-gap: 8px;
+        --nd-textfield-py: 12px;
+        --nd-textfield-px: 12px;
+        --nd-textfield-bg: #ffffff;
+        --nd-textfield-opacity: 1;
+        --nd-textfield-border-width: 1px;
+        --nd-textfield-border-inactive: #CBD5E0;
+        --nd-textfield-border-active: #635BFF;
+        --nd-textfield-border-success: #00A74E;
+        --nd-textfield-border-error: #FF5E5E;
+        --nd-textfield-radius: 9999px;
+        --nd-textfield-caret: #1A202C;
+        --nd-textfield-placeholder: #718096;
+        --nd-textfield-placeholderStyle: italic;
+        --nd-textfield-fg: #1A202C;
+        --nd-textfield-font: 'Noto Sans';
+        --nd-textfield-fontWeight: 400;
+        --nd-textfield-fontSize: 13px;
+        --nd-textfield-fontStyle: normal;
+        --nd-textfield-fontHeight: 140%;
+        --nd-textfield-disabled-bg: #EDF2F7;
+        --nd-textfield-disabled-border: #CBD5E0;
+        --nd-textfield-disabled-fg: #EDF2F7;
+    }
+    .nd-TextField {
+        @apply w-full h-[--nd-textfield-height] overflow-hidden transition-all ease-in duration-300;
+        @apply flex-row flex-nowrap justify-center items-stretch gap-[--nd-textfield-gap] px-[--nd-textfield-px] py-[--nd-textfield-py];
+        @apply bg-[--nd-textfield-bg] opacity-[--nd-textfield-opacity];
+        @apply border-solid rounded-[--nd-textfield-radius];
+        border-width: var(--nd-textfield-border-width);
+        border-color: var(--nd-textfield-border-inactive);
+        outline-color: var(--nd-textfield-placeholder);
+    }
+    .nd-TextField-icon {
+        @apply shrink-0 pointer-events-none;
+    }
+    .nd-TextField-field {
+        @apply flex-1 shrink-0 caret-[--nd-textfield-caret];
+        @apply disabled:text-[--nd-textfield-disabled-fg];
+        color: var(--nd-textfield-fg);
+        font-family: var(--nd-textfield-font);
+        font-size: var(--nd-textfield-fontSize);
+        font-weight: var(--nd-textfield-fontWeight);
+        font-style: var(--nd-textfield-fontStyle);
+        line-height: var(--nd-textfield-fontHeight);
+    }
+
+    /* variants */
+    .nd-TextField-normal {
+        --nd-textfield-border-inactive: #CBD5E0;
+        --_nd-textfield-border-focsued: var(--nd-textfield-border-active);
+    }
+    .nd-TextField-success {
+        --nd-textfield-border-inactive: #00a74e4d;
+        --_nd-textfield-border-focsued: var(--nd-textfield-border-success);
+    }
+    .nd-TextField-error {
+        --nd-textfield-border-inactive: #ff5e5e4d;
+        --_nd-textfield-border-focsued: var(--nd-textfield-border-error);
+    }
+    .nd-TextField-focused {
+        border-color: var(--_nd-textfield-border-focsued);
+    }
+
+    /* states */
+    .nd-TextField-disabled {
+        @apply bg-[--nd-textfield-disabled-bg] border-[--nd-textfield-disabled-border] pointer-events-none;
+    }
+    .nd-TextField-field-empty {
+        font-style: var(--nd-textfield-placeholderStyle);
+    }
+}

package/dist/styles/rn/atomic/_index.css

@@ -0,0 +1,2 @@
+@import "./Button.css";
+@import "./TextField.css";

package/dist/styles/rn/base/_index.css

@@ -0,0 +1 @@
+@import "./tailwind.css";

package/dist/styles/rn/base/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/dist/styles/rn.css

@@ -0,0 +1 @@
+@import "./rn/_index.css";

package/dist/styles/web/_index.css

@@ -0,0 +1 @@
+@import "./layout/_index.css";

package/dist/styles/web/layout/SafeArea.css

@@ -0,0 +1,17 @@
+@layer components {
+
+    :root {
+        --nd-safearea-top: 0px;
+        --nd-safearea-right: 0px;
+        --nd-safearea-bottom: 0px;
+        --nd-safearea-left: 0px;
+    }
+    .nd-SafeArea-padding {
+        @apply pt-[var(--nd-safearea-top)] pb-[var(--nd-safearea-bottom)];
+        @apply pl-[var(--nd-safearea-left)] pr-[var(--nd-safearea-right)];
+    }
+    .nd-SafeArea-margin {
+        @apply mt-[var(--nd-safearea-top)] mb-[var(--nd-safearea-bottom)];
+        @apply ml-[var(--nd-safearea-left)] mr-[var(--nd-safearea-right)];
+    }
+}

package/dist/styles/web/layout/_index.css

@@ -0,0 +1 @@
+@import "./SafeArea.css";

package/dist/styles/web.css

@@ -0,0 +1 @@
+@import "./web/_index.css";

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@nascentdigital/funnel-apps",
+  "version": "4.4.18",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "restricted"
+  },
+  "repository": {
+    "url": "git+https://github.com/nascentdigital/funnel.git",
+    "directory": "libs/apps"
+  },
+  "exports": {
+    "./nav": "./dist/react/nav.js",
+    "./web": "./dist/react/web.js",
+    "./server": "./dist/react/server.js",
+    "./rn": "./dist/reactnative/rn.js",
+    "./rn/tailwindcss": "./dist/reactnative/ui/rn/Tailwind.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "scripts": {
+    "build": "npm-run-all -s build:*",
+    "build:compile-react": "tsc -P tsconfig.react.json",
+    "build:compile-reactnative": "tsc -P tsconfig.reactnative.json",
+    "build:css": "copyfiles -u 1 \"./src/styles/**/*.css\" dist",
+    "clean": "rimraf -I dist",
+    "test": "jest"
+  },
+  "peerDependencies": {
+    "@react-navigation/bottom-tabs": "^7.15.9",
+    "@react-navigation/native": "^7.2.2",
+    "@react-navigation/native-stack": "^7.14.10",
+    "expo-constants": "~55.0.7",
+    "expo-device": "~55.0.9",
+    "expo-notifications": "55.0.10",
+    "expo-splash-screen": "~55.0.10",
+    "nativewind": "^4",
+    "next": "^15",
+    "react": "^19",
+    "react-dom": "^19",
+    "react-native": "*",
+    "react-native-auth0": "^5.4.0",
+    "react-native-reanimated": "^4.3.0",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-webview": "*",
+    "react-native-worklets": "^0.8.1",
+    "tailwindcss": "^3"
+  },
+  "dependencies": {
+    "@auth0/auth0-react": "^2.15.1",
+    "@nascentdigital/funnel-core": "^4.4.18",
+    "@nascentdigital/funnel-editor": "^4.4.18",
+    "@nascentdigital/funnel-engine": "^4.4.18",
+    "@nascentdigital/funnel-services": "^4.4.18",
+    "@nascentdigital/funnel-ui": "^4.4.18",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "auth0": "^5.4.0",
+    "auth0-js": "^9.31.0",
+    "classnames": "^2.5.1",
+    "color": "^5",
+    "jose": "^6.2.0",
+    "motion": "^12",
+    "react-native-uuid": "^2.0.4",
+    "rxjs": "^7",
+    "server-only": "^0",
+    "tailwind-variants": "^3",
+    "universal-cookie": "^8.0.1",
+    "zod": "^3"
+  },
+  "devDependencies": {
+    "@types/auth0-js": "^9.21.6",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "copyfiles": "^2.4.1",
+    "nativewind": "^4",
+    "npm-run-all": "^4",
+    "tailwindcss": "^3",
+    "type-fest": "^4",
+    "typescript": "^5"
+  },
+  "gitHead": "d1bfd4468426b7326bd9662cd169242867025f5e"
+}