@pixelated-tech/components 3.1.4

package/dist/data/404-data.json

@@ -0,0 +1,104 @@
+{
+    "images": [
+        { "img": "https://static.vecteezy.com/system/resources/previews/030/965/305/large_2x/image-of-a-broken-glass-window-on-a-black-background-photo.jpg",
+            "text": "You Broke It.",
+            "description": "A broken glass window on a black background"
+        },
+        { "img": "https://t4.ftcdn.net/jpg/03/27/16/69/360_F_327166972_dACgEyWJtXxCshZRKCah4zutflLTyUER.jpg",
+            "text": "You found the easter eggs.",
+            "description": "Collection of colorful easter eggs"
+        },
+        { "img": "https://cdn.betakit.com/wp-content/uploads/2014/06/Screen-Shot-2014-06-16-at-10.34.37-AM.png",
+            "text": "You have reached the End of the Internet",
+            "description": "A computer screen showing the end of the internet popup"
+        },
+        { "img": "https://css-tricks.com/wp-content/themes/CSS-Tricks-19/images/ripped.jpg",
+            "text": "Looks like we broke it",
+            "description": "A piece of code broken inside an IDE"
+        },
+        { "img": "https://content-cdn.tips-and-tricks.co/wp-content/uploads/2023/01/03130637/Unplug.png",
+            "text": "This Page is Temporarily Unplugged.",
+            "description": "Power cable unplugged from an outlet"
+        },
+        { "img": "https://churchconsulting.org/wp-content/uploads/2023/04/gps_1.png",
+            "text": "Recalculating...",
+            "description": "Garmin GPS screen recalculating route"
+        },
+        { "img": "https://cdn.mos.cms.futurecdn.net/s7ciDuGDKyYCHhMgG3guXY.jpg",
+            "text": "This page has crossed the event horizon.",
+            "description": "An artistic rendition of a black hole in space"
+        },
+        { "img": "https://ritholtz.com/wp-content/uploads/2020/03/dontpanic.jpg",
+            "text": "Mostly Harmless.",
+            "description": "An image of the Hithchiker's Guide to the Galaxy Green Guy"
+        },
+        { "img": "https://i1.sndcdn.com/avatars-HVWQy6EEIVZS0UKH-mwgAHw-t1080x1080.jpg",
+            "text": "Dont Panic.",
+            "description": "An image of Earth - Mostly Harmless"
+        },
+        { "img": "https://cdn.mos.cms.futurecdn.net/XjFKahrnFjkVmR6W3Mh9mS-600-80.jpg.webp",
+            "text": "That Link is Missing",
+            "description": "An image of the evolution of man"
+        },
+        { "img": "https://www.swissinfo.ch/content/wp-content/uploads/sites/13/2024/02/552212960_highres.jpg",
+            "text": "This page is buried.",
+            "description": "Survivor being dug out by an avalanche"
+        },
+        { "img": "https://www.techexplorist.com/wp-content/uploads/2018/08/bermuda-triangle.jpg",
+            "text": "This page is in the Bermuda Triangle.",
+            "description": "Hole in the ocean with ships getting pulled in"
+        },
+        { "img": "https://t4.ftcdn.net/jpg/00/42/59/97/360_F_42599724_Zzb2W6TG3VZFdHiSCeJF79FTPrId6lvW.jpg",
+            "text": "Wherever you go, there you are.",
+            "description": "Chiseled marble text"
+        },
+        { "img": "https://speckyboy.com/wp-content/uploads/2022/09/wp-plugin-support-thumb.jpg",
+            "text": "You're not lost.",
+            "description": "Sign on the side of a building"
+        },
+        { "img": "https://cms-assets.themuse.com/media/lead/6626.jpg",
+            "text": "No Outlet.",
+            "description": "Street sign saying Dead End"
+        },
+        { "img": "https://www.photos-public-domain.com/wp-content/uploads/2015/09/road-closed-detour-sign.jpg",
+            "text": "Dead End.",
+            "description": "Road closed detour sign"
+        },
+        { "img": "https://lumiere-a.akamaihd.net/v1/images/databank_jedimindtrick_01_169_a491266d.jpeg",
+            "text": "This is not the page you were looking for.",
+            "description": "Obi-Wan Kenobi using Jedi mind trick"
+        },
+        { "img": "https://images.squarespace-cdn.com/content/v1/52f17606e4b0c058f609ee0e/1437768478051-DTM26ZMQNZLXGJ3GVBXS/image-asset.jpeg",
+            "text": "You Shall Not Pass.",
+            "description": "Gandalf blocking the path of the Balrog"
+        },
+        { "img": "https://static0.polygonimages.com/wordpress/wp-content/uploads/chorus/uploads/chorus_asset/file/23003314/4k_fellowship_movie_screencaps.com_23524.jpg",
+            "text": "You Shall Not Pass.",
+            "description": "Gandalf standing with his sword and staff"
+        },
+        { "img": "https://wfumediaphiles.wordpress.com/wp-content/uploads/2018/11/53-48559-seinfeld-soup-nazi-1524772836.jpg",
+            "text": "No Soup For You.",
+            "description": "Yev Kassem The Soupman from Seinfeld"
+        },
+        { "img": "https://media.npr.org/assets/img/2013/02/07/mrbean072way-7da3d67475a9f227ced239f0404c20c4316df5e1.jpg",
+            "text": "I'm Confused....",
+            "description": "Mr. Bean is Confused"
+        },
+        { "img": "https://www.nationalreview.com/wp-content/uploads/2024/12/Buckaroo-Banzai.jpg",
+            "text": "No matter where you go, there you are.",
+            "description": "Buckaroo Banzai with microphone and guitar on stage"
+        },
+        { "img": "https://i.ytimg.com/vi/xkThxevUSJs/maxresdefault.jpg",
+            "text": "Oops! Something went wrong.",
+            "description": "Britney Spears singing Oops I Did It again"
+        },
+        { "img": "https://www.aaronreedphotography.com/images/xl/Bob-Ross-Portrait.jpg",
+            "text": "A Happy Accident has occured.",
+            "description": "Bob Ross painting a happy little tree"
+        },
+        { "img": "https://f8n-ipfs-production.imgix.net/QmfFETmLaZSExHtby5ggtd5BtxRG8BfMvAKmise7dEQems/nft.png",
+            "text": "Success, Boy.",
+            "description": "Success Boy"
+        }
+    ]
+}

package/dist/data/buzzwords.js

@@ -0,0 +1,28 @@
+export const buzzwords = [
+    "110%",
+    "Action Item", "Agile", "Alignment", "All hands on deck", "At the end of the day",
+    "Back to the drawing board", "Ballpark", "Bandwidth", "Bespoke", "Best of Breed", "Best Practices", "Big picture", "Bleeding Edge", "Blockchain", "Blue Sky Thinking", "Boil the Ocean", "Boots on the ground", "Bottom Line", "Brick and Mortar", "Bring to the table", "Brownie points", "Bubble up",
+    "Capacity", "Circle Back", "Cloud", "Codify", "Collaboration", "Core Competency", "Critical Path", "Customer journey", "Cutting Edge",
+    "Data-Driven", "Deep Dive", "Disrupt", "Diversity", "Double click", "Drink the Kool-Aid", "Drill Down", "Ducks in a row", "Due Diligence",
+    "Ecosystem", "Empower", "End-to-End", "Engagement", "Enterprise", "Equity", "ETA", "Exponential Growth",
+    "Fast Follow", "Feedback Loop",
+    "Game Changer", "Game Plan", "Gamification", "Globalize", "Go Forward", "Granular",
+    "Hardball", "Harmonize", "Headwinds", "Heavy Lifting", "Holistic", "Hyperlocal",
+    "Ideate", "Impact", "In my Back Pocket", "In the weeds", "Innovate",
+    "KPI", "Keep the Lights On",
+    "Level Set", "Leverage", "Logistics", "Long Tail", "Low-Hanging Fruit",
+    "Metrics", "Mind Share", "Mission Critical", "Move the Needle",
+    "Nearshoring", "Network", "Next Gen", "Next Steps", "No-Brainer",
+    "Offshoring", "Omnichannel", "On the Same Page", "On my Radar", "Operationalize", "Optimize", "Organic Growth", "Out of the Box", "Out of Pocket", "Outsourcing", "Over the Top",
+    "Pain Point", "Paradigm Shift", "Ping", "Pipeline", "Pivot", "Proactive", "Pushback", "Put a pin in it", "Put on the Back Burner",
+    "Quick Win",
+    "Reach Out", "Real Time", "Red Flag", "Reinvent", "Resources", "Return on Investment", "Revisit", "Revolutionize", "Rightshoring", "Roadmap", "Robust", "Rockstar", "ROI",
+    "Scalable", "Seamless", "Service Oriented", "Silo", "Single source of truth", "Socialize", "Streamline", "Supercharge", "Sustainable", "Synergy", "Sync",
+    "Table this", "Take this Offline", "Tasked", "Teambuilding", "Think outside the Box", "Thought Leader", "Tightly coupled", "Touchpoint", "Touch Base", "Track record", "Turnkey",
+    "User-Centric", "Unpack", "Upsell", "Upskill",
+    "Value Add", "Value Proposition", "Voluntold", "Viral", "Visionary",
+    "Walk Back", "War Room", "Webinar", "Wheelhouse", "Win-Win", "Whiteboard", "Workflow", "Work life balance", "World-Class", "Wrap my head around",
+    "X-Factor",
+    "Yardstick", "Yield",
+    "Zero Sum Game",
+];

package/dist/data/form.json

@@ -0,0 +1,370 @@
+{
+    "fields": [
+        {
+            "component": "FormSelect",
+            "props": {
+                "id": "title",
+                "name": "title",
+                "defaultValue": "",
+                "autoComplete": "honorific-prefix",
+                "multiple": null,
+                "required": "required",
+                "display": "horizontal",
+                "label": "Title : ",
+                "options": [
+                    { "value": "", "text": "", "disabled": "disabled" },
+                    { "value": "dr", "text": "Dr." },
+                    { "value": "mr", "text": "Mr." },
+                    { "value": "mrs", "text": "Mrs." },
+                    { "value": "ms", "text": "Ms." },
+                    { "value": "miss", "text": "Miss" }
+                ]
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "text",
+                "id": "firstname",
+                "name": "firstname",
+                "defaultValue": null,
+                "autoComplete": "given-name",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "First Name : ",
+                "tooltip": "Please type in your First Name"
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "text",
+                "id": "lastname",
+                "name": "lastname",
+                "defaultValue": null,
+                "autoComplete": "family-name",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "Last Name : "
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "text",
+                "id": "address",
+                "name": "address",
+                "defaultValue": null,
+                "autoComplete": "street-address",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "Street Address : "
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "text",
+                "id": "city",
+                "name": "city",
+                "defaultValue": null,
+                "autoComplete": "address-level2",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "City : "
+            }
+        },
+        {
+            "component": "FormSelect",
+            "props": {
+                "id": "state",
+                "name": "state",
+                "size": "5",
+                "defaultValue": ["NJ", "SC"],
+                "autoComplete": "address-level1",
+                "multiple": "multiple",
+                "required": "required",
+                "display": "horizontal",
+                "label": "State : ",
+                "tooltip": "Please select your State",
+                "options": [
+                    { "value": "", "text": "", "disabled": "disabled" },
+                    { "value": "AL", "text": "Alabama" },
+                    { "value": "AK", "text": "Alaska" },
+                    { "value": "AZ", "text": "Arizona" },
+                    { "value": "AR", "text": "Arkansas" },
+                    { "value": "CA", "text": "California" },
+                    { "value": "CO", "text": "Colorado" },
+                    { "value": "CT", "text": "Connecticut" },
+                    { "value": "DE", "text": "Delaware" },
+                    { "value": "FL", "text": "Florida" },
+                    { "value": "GA", "text": "Georgia" },
+                    { "value": "HI", "text": "Hawaii" },
+                    { "value": "ID", "text": "Idaho" },
+                    { "value": "IL", "text": "Illinois" },
+                    { "value": "IN", "text": "Indiana" },
+                    { "value": "IA", "text": "Iowa" },
+                    { "value": "KS", "text": "Kansas" },
+                    { "value": "KY", "text": "Kentucky" },
+                    { "value": "LA", "text": "Louisiana" },
+                    { "value": "ME", "text": "Maine" },
+                    { "value": "MD", "text": "Maryland" },
+                    { "value": "MA", "text": "Massachusetts" },
+                    { "value": "MI", "text": "Michigan" },
+                    { "value": "MN", "text": "Minnesota" },
+                    { "value": "MS", "text": "Mississippi" },
+                    { "value": "MO", "text": "Missouri" },
+                    { "value": "MT", "text": "Montana" },
+                    { "value": "NB", "text": "Nebraska" },
+                    { "value": "NV", "text": "Nevada" },
+                    { "value": "NH", "text": "New Hampshire" },
+                    { "value": "NJ", "text": "New Jersey" },
+                    { "value": "NM", "text": "New Mexico" },
+                    { "value": "NY", "text": "New York" },
+                    { "value": "NC", "text": "North Carolina" },
+                    { "value": "ND", "text": "North Dakota" },
+                    { "value": "OH", "text": "Ohio" },
+                    { "value": "OK", "text": "Oklahoma" },
+                    { "value": "OR", "text": "Oregon" },
+                    { "value": "PA", "text": "Pennsylvania" },
+                    { "value": "RI", "text": "Rhode Island" },
+                    { "value": "SC", "text": "South Carolina" },
+                    { "value": "SD", "text": "South Dakota" },
+                    { "value": "TN", "text": "Tennessee" },
+                    { "value": "TX", "text": "Texas" },
+                    { "value": "UT", "text": "Utah" },
+                    { "value": "VT", "text": "Vermont" },
+                    { "value": "VA", "text": "Virginia" },
+                    { "value": "WA", "text": "Washington" },
+                    { "value": "WV", "text": "West Virginia" },
+                    { "value": "WI", "text": "Wisconsin" },
+                    { "value": "WY", "text": "Wyoming" }
+                ]
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "text",
+                "id": "zipcode",
+                "name": "zipcode",
+                "defaultValue": null,
+                "autoComplete": "postal-code",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "Zip Code : ",
+                "validate": "isValidUSZipCode"
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "tel",
+                "id": "phone",
+                "name": "phone",
+                "defaultValue": null,
+                "autoComplete": "tel",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "Phone Number : ",
+                "validate": "isValidUSPhoneNumber"
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "date",
+                "id": "birthday",
+                "name": "birthday",
+                "defaultValue": null,
+                "autoComplete": "bday",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "Birthday : ",
+                "validate": "isValidDate"
+            }
+        },
+        {
+            "component": "FormSelect",
+            "props": {
+                "id": "age",
+                "name": "age",
+                "defaultValue": "",
+                "multiple": null,
+                "required": "required",
+                "display": "horizontal",
+                "label": "Age : ",
+                "options": [
+                    { "value": "", "text": "" },
+                    { "value": "-18", "text": "18 or younger" },
+                    { "value": "19-30", "text": "19 to 30" },
+                    { "value": "31-40", "text": "31 to 40" },
+                    { "value": "41-50", "text": "41 to 50" },
+                    { "value": "51-60", "text": "51 to 60" },
+                    { "value": "61-70", "text": "61 to 70" },
+                    { "value": "71-80", "text": "71 to 80" },
+                    { "value": "81-90", "text": "81 to 90" },
+                    { "value": "91-100", "text": "91 to 100" },
+                    { "value": "+100", "text": "Above 100" }
+                ]
+            }
+        },
+        {
+            "component": "FormSelect",
+            "props": {
+                "id": "generation",
+                "name": "generation",
+                "defaultValue": null,
+                "multiple": null,
+                "required": "required",
+                "display": "horizontal",
+                "label": "Generation : ",
+                "options": [
+                    { "value": "", "text": "" },
+                    { "value": "greatest", "text": "The Greatest Generation – born 1901-1924" },
+                    { "value": "silent", "text": "The Silent Generation – born 1925-1945" },
+                    { "value": "boomer", "text": "The Baby Boomer Generation – born 1946-1964" },
+                    { "value": "genx", "text": "Generation X – born 1965-1979" },
+                    { "value": "millenial", "text": "Millennials – born 1980-1994" },
+                    { "value": "genz", "text": "Generation Z – born 1995-2012" },
+                    { "value": "gena", "text": "Gen Alpha – born 2013 – 2025" }
+                ]
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "email",
+                "id": "email",
+                "name": "email",
+                "defaultValue": null,
+                "autoComplete": "email",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "Email Address : ",
+                "validate": "isValidEmailAddress"
+            }
+        },
+        {
+            "component": "FormRadio",
+            "props": {
+                "id": "gender",
+                "name": "gender",
+                "autoComplete": "sex",
+                "label": "Gender : ",
+                "display": "horizontal",
+                "required": "required",
+                "validate": "isOneRadioSelected",
+                "tooltip": "Please select your gender",
+                "options": [
+                    { "value": "male", "text": "Male", "checked": "" },
+                    { "value": "female", "text": "Female", "checked": "" }
+                ]
+            }
+        },
+        {
+            "component": "FormCheckbox",
+            "props": {
+                "id": "children",
+                "name": "children",
+                "label": "Children : ",
+                "display": "horizontal",
+                "tooltip": "Please select if you have children",
+                "validate": "isOneChecked",
+                "options": [
+                    { "value": "y", "text": "Yes", "selected": "" },
+                    { "value": "n", "text": "No", "selected": "" },
+                    { "value": "m", "text": "Maybe" }
+                ]
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "text",
+                "id": "jobtitle",
+                "name": "jobtitle",
+                "defaultValue": null,
+                "autoComplete": "organization-title",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "Job Title : "
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "text",
+                "id": "company",
+                "name": "company",
+                "defaultValue": null,
+                "autoComplete": "organization",
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "Company : "
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "range",
+                "id": "salary",
+                "name": "salary",
+                "defaultValue": null,
+                "size": "40",
+                "display": "horizontal",
+                "min": "10000",
+                "max": "1000000",
+                "step": "1000",
+                "required": "required",
+                "label": "Salary : "
+            }
+        },
+        {
+            "component": "FormInput",
+            "props": {
+                "type": "url",
+                "id": "linkedin",
+                "name": "linkedin",
+                "defaultValue": null,
+                "size": "40",
+                "display": "horizontal",
+                "required": "required",
+                "label": "LinkedIn URL : ",
+                "validate": "isValidUrl"
+            }
+        },
+        {
+            "component": "FormTextarea",
+            "props": {
+                "id": "comments",
+                "name": "comments",
+                "rows": "5",
+                "cols": "40",
+                "defaultValue": null,
+                "display": "horizontal",
+                "required": "required",
+                "label": "Comments : ",
+                "tooltip": "Please enter your comments"
+            }
+        },
+        {
+            "component": "FormButton",
+            "props": {
+                "type": "submit",
+                "id": "submit",
+                "text": "Submit"
+            }
+        }
+    ]
+}