pager-widget 0.2.16 → 1.0.0-alpha.12

package/.eslintrc.json

@@ -0,0 +1,133 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true,
+        "jest": true
+    },
+    "extends": [
+        "plugin:react/recommended",
+        "plugin:@typescript-eslint/recommended",
+        "prettier",
+        "plugin:prettier/recommended",
+        "plugin:import/recommended"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "ecmaVersion": 12,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react",
+        "@typescript-eslint",
+        "react-hooks",
+        "simple-import-sort"
+    ],
+    "rules": {
+        "react/react-in-jsx-scope": "off",
+        "no-use-before-define": "off",
+        "@typescript-eslint/no-use-before-define": ["error"],
+        "react/jsx-filename-extension": ["warn", { "extensions": [".tsx"] }],
+        "import/extensions": [
+            "error",
+            "ignorePackages",
+            { "ts": "never", "tsx": "never" }
+        ],
+        "no-shadow": "off",
+        "@typescript-eslint/no-shadow": ["error"],
+        "max-len": [
+            "warn",
+            { "code": 100, "ignoreComments": true, "ignoreUrls": true }
+        ],
+        "react-hooks/rules-of-hooks": "error",
+        "react-hooks/exhaustive-deps": "warn",
+        "import/prefer-default-export": "off",
+        "react/prop-types": "off",
+        "prettier/prettier": ["error", { "endOfLine": "auto" }],
+        "simple-import-sort/imports": "error",
+        "simple-import-sort/exports": "error",
+        "max-lines-per-function": [
+            "error",
+            {
+                "max": 30,
+                "skipComments": true,
+                "skipBlankLines": true
+            }
+        ],
+        "no-unused-vars": "off",
+        "@typescript-eslint/no-unused-vars": [
+            "warn",
+            { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }
+        ],
+        "@typescript-eslint/explicit-function-return-type": [
+            "warn",
+            { "allowExpressions": true, "allowTypedFunctionExpressions": true }
+        ],
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-inferrable-types": "warn"
+        // "@typescript-eslint/no-floating-promises": "error",
+        // "@typescript-eslint/no-unnecessary-condition": "warn"
+    },
+    "settings": {
+        "react": {
+            "version": "detect"
+        },
+        "import/resolver": {
+            "typescript": {}
+        }
+    }
+}
+
+// {
+//     "env": {
+//       "browser": true,
+//       "es2021": true,
+//       "jest": true
+//     },
+//     "extends": [
+//       "plugin:react/recommended",
+//       "plugin:@typescript-eslint/recommended",
+//       "prettier",
+//       "plugin:prettier/recommended",
+//       "plugin:import/recommended"
+//     ],
+//     "parser": "@typescript-eslint/parser",
+//     "parserOptions": {
+//       "ecmaFeatures": {
+//         "jsx": true
+//       },
+//       "ecmaVersion": 12,
+//       "sourceType": "module"
+//     },
+//     "plugins": [
+//       "react",
+//       "@typescript-eslint",
+//       "react-hooks"
+//     ],
+//     "rules": {
+//       "no-use-before-define": "on",
+//       "@typescript-eslint/no-use-before-define": ["error"],
+//       "react/jsx-filename-extension": ["warn", { "extensions": [".tsx"] }],
+//       "import/extensions": ["error", "ignorePackages", { "ts": "never", "tsx": "never" }],
+//       "no-shadow": "on",
+//       "@typescript-eslint/no-shadow": ["error"],
+//       "@typescript-eslint/explicit-function-return-type": ["error", { "allowExpressions": true }],
+//       "max-len": ["warn", { "code": 10, "ignoreComments": true, "ignoreUrls": true }],
+//       "react-hooks/rules-of-hooks": "error",
+//       "react-hooks/exhaustive-deps": "warn",
+//       "import/prefer-default-export": "off",
+//       "react/prop-types": "off",
+//       "prettier/prettier": ["error", { "endOfLine": "auto" }],
+
+//     },
+//     "settings": {
+//       "react": {
+//         "version": "detect"
+//       },
+//       "import/resolver": {
+//         "typescript": {}
+//       }
+//     }
+//   }

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

package/.parcelrc

@@ -0,0 +1,16 @@
+{
+    "extends": "@parcel/config-default",
+    "namers": [
+        "parcel-namer-hashless"
+    ],
+    "transformers": {
+        "*.{ts,tsx}": [
+            "@futureportal/parcel-transformer-package-version",
+            "..."
+        ],
+        "*.{json}": [
+            "@futureportal/parcel-transformer-package-version",
+            "..."
+        ]
+    }
+}

package/.postcssrc

@@ -0,0 +1,10 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  },
+  "compressors": {
+    "*.{html,css,js,svg,map}": [
+      "@parcel/compressor-gzip"
+    ]
+  }
+}

package/.prettierignore

@@ -0,0 +1,4 @@
+node_modules
+# Ignore artifacts:
+build
+Coverage

package/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "semi": false,
+    "singleQuote": true
+  }

package/components.json

@@ -0,0 +1,17 @@
+{
+    "$schema": "https://ui.shadcn.com/schema.json",
+    "style": "default",
+    "rsc": false,
+    "tsx": true,
+    "tailwind": {
+        "config": "tailwind.config.ts",
+        "css": "src/globals.css",
+        "baseColor": "slate",
+        "cssVariables": true,
+        "prefix": ""
+    },
+    "aliases": {
+        "components": "@/components",
+        "utils": ""
+    }
+}

package/copy-file.js

@@ -0,0 +1,52 @@
+// scripts/copy-package-info.js
+/* eslint-disable */
+const fs = require('fs')
+const path = require('path')
+
+const packageJsonPath = path.resolve(process.cwd(), 'package.json')
+const manifestJsonPath = path.resolve(process.cwd(), 'src', 'manifest.json') // Output file path
+
+const nodeEnv = process.env.NODE_ENV
+
+try {
+    // 1. Read package.json
+    const packageJsonContent = fs.readFileSync(packageJsonPath, 'utf8')
+    const packageJson = JSON.parse(packageJsonContent)
+
+    const name = packageJson.name
+    const version = packageJson.version
+
+    if (!name || !version) {
+        throw new Error(
+            'package.json must contain "name" and "version" fields.'
+        )
+    }
+
+    // 2. Prepare content for manifest.json
+    const manifestContent = JSON.stringify(
+        {
+            name: name,
+            version: version,
+            environment: nodeEnv,
+            // You can add other fields here if needed, e.g.,
+            // description: packageJson.description,
+            // author: packageJson.author,
+            // buildDate: new Date().toISOString(),
+        },
+        null,
+        2 // Use 2 spaces for indentation for pretty printing
+    )
+
+    // 3. Write to manifest.json
+    fs.writeFileSync(manifestJsonPath, manifestContent, 'utf8')
+
+    console.log(
+        `Successfully copied name and version to ${path.basename(manifestJsonPath)}`
+    )
+    console.log(`  Name: ${name}`)
+    console.log(`  Version: ${version}`)
+    console.log(`  Env: ${nodeEnv}`)
+} catch (error) {
+    console.error('Error copying package info:', error.message)
+    process.exit(1) // Exit with a non-zero code to indicate an error
+}

package/dist/index.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@font-face{font-family:inter-font;src:local(Inter-VariableFont),url(Inter-VariableFont.25edf01c.ttf)format("truetype")}@font-face{font-family:Light;font-weight:300;src:local(Inter-VariableFont),url(Inter-VariableFont.25edf01c.ttf)format("truetype")}@font-face{font-family:Regular;font-weight:400;src:local(Inter-VariableFont),url(Inter-VariableFont.25edf01c.ttf)format("truetype")}@font-face{font-family:Medium;font-weight:500;src:local(Inter-VariableFont),url(Inter-VariableFont.25edf01c.ttf)format("truetype")}@font-face{font-family:SemiBold;font-weight:600;src:local(Inter-VariableFont),url(Inter-VariableFont.25edf01c.ttf)format("truetype")}@font-face{font-family:Bold;font-weight:700;src:local(Inter-VariableFont),url(Inter-VariableFont.25edf01c.ttf)format("truetype")}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-2\.5{top:calc(var(--spacing)*2.5)}.top-\[13\.6rem\]{top:13.6rem}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-5{right:calc(var(--spacing)*5)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-20{bottom:calc(var(--spacing)*20)}.left-3{left:calc(var(--spacing)*3)}.left-\[1\.5rem\]{left:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.-mt-\[1px\]{margin-top:-1px}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-\[-1\.00px\]{margin-top:-1px}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.\!h-7{height:calc(var(--spacing)*7)!important}.h-1{height:calc(var(--spacing)*1)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[30px\]{height:30px}.h-\[32\]{height:32px}.h-\[50vh\]{height:50vh}.h-\[60px\]{height:60px}.h-\[88vh\]{height:88vh}.h-\[90\%\]{height:90%}.h-\[94\%\]{height:94%}.h-\[126px\]{height:126px}.h-\[250px\]{height:250px}.h-\[290px\]{height:290px}.h-\[300px\]{height:300px}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.min-h-\[698px\]{min-height:698px}.w-1{width:calc(var(--spacing)*1)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[22px\]{width:22px}.w-\[24px\]{width:24px}.w-\[30px\]{width:30px}.w-\[81\.86px\]{width:81.86px}.w-\[86\%\]{width:86%}.w-\[90\%\]{width:90%}.w-\[91\%\]{width:91%}.w-\[93\%\]{width:93%}.w-\[126px\]{width:126px}.w-\[250px\]{width:250px}.w-\[289px\]{width:289px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[440px\]{width:440px}.w-\[480px\]{width:480px}.w-\[600px\]{width:600px}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\[80\%\]{max-width:80%}.max-w-\[500px\]{max-width:500px}.max-w-\[533px\]{max-width:533px}.max-w-\[600px\]{max-width:600px}.max-w-md{max-width:var(--container-md)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-\[0_0_auto\]{flex:none}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-\[5px\]{gap:5px}.gap-\[18px\]{gap:18px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded-\[10px\]{border-radius:10px}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[22px\]{border-top-left-radius:22px;border-top-right-radius:22px}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#52525C\]{border-color:#52525c}.border-\[\#E4E7EC\]{border-color:#e4e7ec}.border-\[\#e17100\]{border-color:#e17100}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-500{border-color:var(--color-red-500)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.bg-\[\#4B2FFF\],.bg-\[\#4b2fff\]{background-color:#4b2fff}.bg-\[\#9f9fa9\]{background-color:#9f9fa9}.bg-\[\#F4F4F5\]{background-color:#f4f4f5}.bg-\[\#fef3c6\]{background-color:#fef3c6}.bg-\[red\]{background-color:red}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#564CFF\]{--tw-gradient-from:#564cff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#EB582E\]{--tw-gradient-via:#eb582e;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#ECD906\]{--tw-gradient-to:#ecd906;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-\[100\%_100\%\]{background-position:100% 100%}.bg-center{background-position:50%}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-\[5px\]{padding:5px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-9{padding-inline:calc(var(--spacing)*9)}.px-\[26px\]{padding-inline:26px}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-\[13px\]{padding-block:13px}.py-\[15px\]{padding-block:15px}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.\!pr-4{padding-right:calc(var(--spacing)*4)!important}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-\[70px\]{padding-bottom:70px}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-3\.5{padding-left:calc(var(--spacing)*3.5)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-\[26px\]{padding-left:26px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[length\:var\(--text-md-medium-font-size\)\]{font-size:var(--text-md-medium-font-size)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[var\(--text-md-medium-line-height\)\]{--tw-leading:var(--text-md-medium-line-height);line-height:var(--text-md-medium-line-height)}.font-\[number\:var\(--text-md-medium-font-weight\)\]{--tw-font-weight:var(--text-md-medium-font-weight);font-weight:var(--text-md-medium-font-weight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\]{--tw-tracking:0;letter-spacing:0}.tracking-\[0px\]{--tw-tracking:0px;letter-spacing:0}.tracking-\[var\(--text-md-medium-letter-spacing\)\]{--tw-tracking:var(--text-md-medium-letter-spacing);letter-spacing:var(--text-md-medium-letter-spacing)}.text-wrap{text-wrap:wrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#1a1a1a\]{color:#1a1a1a}.text-\[\#1d293d\]{color:#1d293d}.text-\[\#4B2FFF\]{color:#4b2fff}.text-\[\#90A1B9\]{color:#90a1b9}.text-\[\#020618\]{color:#020618}.text-\[\#45556C\],.text-\[\#45556c\]{color:#45556c}.text-\[\#62748E\],.text-\[\#62748e\]{color:#62748e}.text-\[\#314158\]{color:#314158}.text-\[\#fff\]{color:#fff}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-red-500{color:var(--color-red-500)}.text-slate-400{color:var(--color-slate-400)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-950{color:var(--color-slate-950)}.text-white{color:var(--color-white)}.\[font-style\:var\(--text-md-medium-font-style\)\]{font-style:var(--text-md-medium-font-style)}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.placeholder-\[\#62748e\]::placeholder{color:#62748e}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-800{--tw-duration:.8s;transition-duration:.8s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:border-\[\#4B2FFF\]:hover,.hover\:border-\[\#4b2fff\]:hover{border-color:#4b2fff}.hover\:bg-\[\#3f25e8\]:hover{background-color:#3f25e8}.hover\:bg-\[\#4b2fff\]\/90:hover{background-color:oklab(50.6449% .0278989 -.278518/.9)}.hover\:bg-\[\#EBEFFF\]:hover{background-color:#ebefff}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\:text-\[\#4B2FFF\]:hover{color:#4b2fff}.hover\:text-\[\#3517f7\]:hover{color:#3517f7}.hover\:opacity-100:hover{opacity:1}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}.bg-img-chat{background-position:50%;background-size:cover}.bg-gradient-clor{background:linear-gradient(#ffd66e 0%,#4cff94 100%)}.font-inter{font-family:inter-font}ul{padding-left:20px;font-size:14px}ul ul{margin-top:5px;margin-bottom:5px;padding-left:20px}ul{padding-left:20px;list-style-type:disc}ul ul{padding-left:20px;list-style-type:circle}ul ul li{list-style-type:circle}ol{padding-left:20px;font-size:14px}ol ol{margin-top:5px;margin-bottom:5px;padding-left:20px}ol{padding-left:20px;list-style-type:decimal}ol ol{padding-left:20px;list-style-type:lower-alpha}ol ol li{padding-bottom:4px;list-style-type:lower-alpha}ol li,ul li{padding-bottom:4px}.three-dot-typing{margin:0;padding:0}.typing-dots{justify-content:center;align-items:center;height:auto;margin:0;padding:0;display:flex}.dot{background-color:#564cff;border-radius:50%;width:6px;height:6px;margin:0 3px;animation:1.4s infinite both blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.box-shadow-widget{box-shadow:0 5px 40px #0f0f0f29}.widget-expand-animation{transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-area-height{height:calc(100% - 60px);max-height:calc(100% - 60px);overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRightSlow{0%{opacity:0}to{opacity:1}}.animate-slide-in-right{opacity:1;animation:.5s cubic-bezier(.23,1,.32,1) .1s backwards slideInRight;transform:translate(0)}.animate-slide-in-right-slow{opacity:1;animation:.5s cubic-bezier(.23,1,.32,1) backwards slideInRightSlow;transform:translate(0)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeftSlow{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{opacity:1;animation:.5s cubic-bezier(.23,1,.32,1) .1s backwards slideInLeft;transform:translate(0)}.animate-slide-in-left-slow{opacity:1;animation:.5s cubic-bezier(.23,1,.32,1) backwards slideInLeftSlow;transform:translate(0)}@keyframes widget-pop-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.widget-pop-in{opacity:1;animation:.5s cubic-bezier(.23,1,.32,1) backwards widget-pop-in;transform:translateY(0)}.chat-popup{z-index:2147483000;transform-origin:100% 100%;opacity:0;pointer-events:none;background:#fff;transition:opacity .15s,transform .3s cubic-bezier(0,1.2,1,1);overflow:hidden;transform:scale(.8);box-shadow:0 5px 40px #0f0f0f29}.chat-popup.active{opacity:1;pointer-events:all;transform:scale(1)}.maximize-height{height:calc(100vh - 138px)}.markdown-parent-container{font-size:14px;line-height:20px}.markdown-parent-container strong{font-weight:700!important}.markdown-parent-container em{font-style:italic!important}.markdown-parent-container u{text-decoration:underline!important}.markdown-parent-container a{color:#353ced!important;text-decoration:underline!important}.markdown-parent-container a:hover{color:#262bca!important}.markdown-parent-container table{border-collapse:collapse;width:100%;min-width:100%;font-size:.875rem}.markdown-table-wrapper{border:1px solid #d1d5db;border-radius:.5rem;width:100%;height:auto;max-height:300px;overflow:auto}.markdown-parent-container .markdown-table-wrapper table thead{z-index:10;background-color:#f3f4f6;position:sticky;top:0}.markdown-parent-container .markdown-table-wrapper table th{text-align:left;white-space:nowrap;border-bottom:1px solid #d1d5db;padding:.5rem 1rem;font-size:.875rem}.markdown-parent-container .markdown-table-wrapper table tbody tr{background-color:#fff}.markdown-parent-container .markdown-table-wrapper table td{white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:.5rem 1rem;font-size:.875rem}.bottom-gradient-recent-list{z-index:40;text-align:center;pointer-events:none;background:linear-gradient(#fff0,#fff);border-radius:0 0 6px 6px;justify-content:center;align-items:center;height:90px;display:flex;position:absolute;bottom:58px;left:0;right:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/dist/index.html

@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <title>React with Tailwind</title>
+        <link rel="stylesheet" href="/react-parcel.css"><script type="module" src="/react-parcel.6efbc4f8.js"></script>
+        <!-- <script type="module" src="../dist/index.js"></script> -->
+    </head>
+    <body>
+        <div id="pager-widget-84b9d5a9-5322-4894-9e8d-c051a1f63cec"></div>
+        <!-- This is where React will mount -->
+        <script>setTimeout(()=>{
+    window.WAWidget.init({
+        id: 'pager-widget-84b9d5a9-5322-4894-9e8d-c051a1f63cec',
+        endpoint: 'https://dev.pagergpt.ai/wgt-hook',
+        // widget_id: 'b6a8b7a6-10e8-41fa-ab89-b4c9413c20a8',
+        widget_id: '84b9d5a9-5322-4894-9e8d-c051a1f63cec',
+        openByDefault: true,
+        widget_size: 'small',
+        userDetails: {
+            SYS_FirstName: 'sample',
+            SYS_LastName: 'user',
+            SYS_UserEmail: 'email',
+            SYS_Location: 'india',
+            SYS_Timezone: 'Asia/Kolkata'
+        },
+        style: {
+            logo_shape: 'circle',
+            logo_size: {
+                size: 1
+            }
+        }
+    });
+}, 1000);
+
+</script>
+    </body>
+</html>