@possibly6400/ui-kit 1.0.0

package/dist/styles.css

@@ -0,0 +1 @@
+._button_7snfv_7{--submit-primary: #ff5569;--submit-neutral-1: #f7f8f7;--submit-neutral-2: #e7e7e7;--radius: 14px;cursor:pointer;color:#000;border-radius:var(--radius);text-shadow:0 1px 1px rgba(0,0,0,.3);border:none;box-shadow:0 .5px .5px 1px #fff3,0 10px 20px #0003,0 4px 5px #0000000d;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;font-family:Galano Grotesque,Poppins,Montserrat,sans-serif;font-style:normal;font-weight:600;will-change:transform}._button--size-sm_7snfv_59{padding:0 12px;height:32px;min-height:32px;font-size:12px;min-width:100px}._button--size-sm_7snfv_59 ._state_7snfv_75{padding-left:20px}._button--size-md_7snfv_83{padding:0 16px;height:40px;min-height:40px;font-size:14px;min-width:150px}._button--size-md_7snfv_83 ._state_7snfv_75{padding-left:29px}._button--size-lg_7snfv_107{padding:0 24px;height:48px;min-height:48px;font-size:16px;min-width:200px}._button--size-lg_7snfv_107 ._state_7snfv_75{padding-left:36px}._button_7snfv_7:disabled{cursor:not-allowed;opacity:.6;color:var(--color-text-disabled)}._button_7snfv_7:disabled ._state_7snfv_75,._button_7snfv_7:disabled ._state_7snfv_75 p,._button_7snfv_7:disabled ._state_7snfv_75 ._icon_7snfv_149{color:var(--color-text-disabled)}._button_7snfv_7:disabled ._state_7snfv_75 p span{animation:none!important;opacity:.5!important;color:var(--color-text-disabled)}._button_7snfv_7:disabled ._state_7snfv_75 ._icon_7snfv_149{transform:scale(1.25)!important}._button_7snfv_7:disabled ._state_7snfv_75 ._icon_7snfv_149 svg{animation:none!important}._button_7snfv_7:disabled:hover{transform:none;box-shadow:0 .5px .5px 1px #fff3,0 10px 20px #0003,0 4px 5px #0000000d}._button_7snfv_7:disabled:hover:after{transform:none;box-shadow:none}._button_7snfv_7:disabled:hover ._outline_7snfv_207{opacity:0!important}._button_7snfv_7:disabled:hover ._outline_7snfv_207:before{animation-play-state:paused!important}._button_7snfv_7:disabled:hover p span{animation:none!important}._button_7snfv_7:disabled:hover ._state--default_7snfv_231 ._icon_7snfv_149{transform:scale(1.25)!important}._button_7snfv_7:hover{transform:scale(1.02);box-shadow:0 0 1px 2px #ffffff4d,0 15px 30px #0000004d,0 10px 3px -3px #0000000a}._button_7snfv_7:active{transform:scale(1);box-shadow:0 0 1px 2px #ffffff4d,0 10px 3px -3px #0003}._button_7snfv_7:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);border:2.5px solid transparent;background:linear-gradient(var(--submit-neutral-1),var(--submit-neutral-2)) padding-box,linear-gradient(to bottom,#0000001a,#00000073) border-box;z-index:0;transition:all .4s ease;will-change:transform}._button_7snfv_7:hover:after{transform:scale(1.05,1.1);box-shadow:inset 0 -1px 3px #fff}._button_7snfv_7:before{content:"";top:7px;right:6px;bottom:6px;left:6px;position:absolute;background:linear-gradient(to top,var(--submit-neutral-1),var(--submit-neutral-2));border-radius:30px;filter:blur(.5px);z-index:2}._state_7snfv_75 p{display:flex;align-items:center;justify-content:center}._state_7snfv_75 ._icon_7snfv_149{position:absolute;left:0;top:0;bottom:0;margin:auto;transform:scale(1.25);transition:all .3s ease;display:flex;align-items:center;justify-content:center;will-change:transform}._state_7snfv_75 ._icon_7snfv_149 svg{overflow:visible}._outline_7snfv_207{position:absolute;border-radius:inherit;overflow:hidden;z-index:1;opacity:0;transition:opacity .4s ease;top:-2px;right:-3.5px;bottom:-2px;left:-3.5px;will-change:opacity,transform}._outline_7snfv_207:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:conic-gradient(from 180deg,transparent 60%,white 80%,transparent 100%);animation:_spin_7snfv_1 2s linear infinite;animation-play-state:paused;will-change:transform}@keyframes _spin_7snfv_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._button_7snfv_7:hover ._outline_7snfv_207{opacity:1}._button_7snfv_7:hover ._outline_7snfv_207:before{animation-play-state:running}._state_7snfv_75 p span{display:block;opacity:0;animation:_slideDown_7snfv_1 .8s ease forwards calc(var(--i) * .03s);will-change:opacity,transform}._button_7snfv_7:hover p span{opacity:1;animation:_wave_7snfv_1 .5s ease forwards calc(var(--i) * .02s)}._button_7snfv_7:focus p span{opacity:1;animation:_disapear_7snfv_1 .6s ease forwards calc(var(--i) * .03s)}@keyframes _wave_7snfv_1{30%{opacity:1;transform:translateY(4px) translate(0) rotate(0)}50%{opacity:1;transform:translateY(-3px) translate(0) rotate(0);color:var(--submit-primary)}to{opacity:1;transform:translateY(0) translate(0) rotate(0)}}@keyframes _slideDown_7snfv_1{0%{opacity:0;transform:translateY(-20px) translate(5px) rotate(-90deg);color:var(--submit-primary);filter:blur(5px)}30%{opacity:1;transform:translateY(4px) translate(0) rotate(0);filter:blur(0)}50%{opacity:1;transform:translateY(-3px) translate(0) rotate(0)}to{opacity:1;transform:translateY(0) translate(0) rotate(0)}}@keyframes _disapear_7snfv_1{0%{opacity:1}to{opacity:0;transform:translate(5px) translateY(20px);color:var(--submit-primary);filter:blur(5px)}}._state--default_7snfv_231 ._icon_7snfv_149 svg{animation:_land_7snfv_1 .6s ease forwards;will-change:transform,opacity,filter}._button_7snfv_7:hover ._state--default_7snfv_231 ._icon_7snfv_149{transform:rotate(45deg) scale(1.25)}._button_7snfv_7:focus ._state--default_7snfv_231 svg{animation:_takeOff_7snfv_1 .8s linear forwards}._button_7snfv_7:focus ._state--default_7snfv_231 ._icon_7snfv_149{transform:rotate(0) scale(1.25)}@keyframes _takeOff_7snfv_1{0%{opacity:1}60%{opacity:1;transform:translate(70px) rotate(45deg) scale(2)}to{opacity:0;transform:translate(160px) rotate(45deg) scale(0)}}@keyframes _land_7snfv_1{0%{transform:translate(-60px) translateY(30px) rotate(-50deg) scale(2);opacity:0;filter:blur(3px)}to{transform:translate(0) translateY(0) rotate(0);opacity:1;filter:blur(0)}}._state--default_7snfv_231 ._icon_7snfv_149:before{content:"";position:absolute;top:50%;height:2px;width:0;left:-5px;background:linear-gradient(to right,transparent,rgba(0,0,0,.5));will-change:width,opacity}._button_7snfv_7:focus ._state--default_7snfv_231 ._icon_7snfv_149:before{animation:_contrail_7snfv_1 .8s linear forwards}@keyframes _contrail_7snfv_1{0%{width:0;opacity:1}8%{width:15px}60%{opacity:.7;width:80px}to{opacity:0;width:160px}}._state_7snfv_75{z-index:2;display:flex;position:relative}._state--sent_7snfv_717{display:none}._state--sent_7snfv_717 svg{transform:scale(1.25);margin-right:8px}._button_7snfv_7:focus ._state--default_7snfv_231{position:absolute}._button_7snfv_7:focus ._state--sent_7snfv_717{display:flex}._button_7snfv_7:focus ._state--sent_7snfv_717 span{opacity:0;animation:_slideDown_7snfv_1 .8s ease forwards calc(var(--i) * .2s)}._button_7snfv_7:focus ._state--sent_7snfv_717 ._icon_7snfv_149 svg{opacity:0;animation:_appear_7snfv_1 1.2s ease forwards .8s;will-change:transform,opacity,filter}@keyframes _appear_7snfv_1{0%{opacity:0;transform:scale(4) rotate(-40deg);color:var(--submit-primary);filter:blur(4px)}30%{opacity:1;transform:scale(.6);filter:blur(1px)}50%{opacity:1;transform:scale(1.2);filter:blur(0)}to{opacity:1;transform:scale(1)}}._button_7snfv_7:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){._button_7snfv_7,._button_7snfv_7:after,._button_7snfv_7:before,._outline_7snfv_207,._outline_7snfv_207:before,._state_7snfv_75 p span,._state_7snfv_75 ._icon_7snfv_149,._state_7snfv_75 ._icon_7snfv_149 svg,._state--default_7snfv_231 ._icon_7snfv_149:before,._state--sent_7snfv_717 ._icon_7snfv_149 svg{animation:none!important;transition:none!important}._button_7snfv_7:hover,._button_7snfv_7:active{transform:none}._button_7snfv_7:hover ._outline_7snfv_207:before{animation-play-state:paused!important}}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@possibly6400/ui-kit",
+  "version": "1.0.0",
+  "description": "A reusable UI component library built with React and TypeScript",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MoshikoKar/ui-kit.git"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -p tsconfig.build.json && vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "typescript",
+    "ui-kit",
+    "components",
+    "design-system"
+  ],
+  "author": "UI Kit Team",
+  "license": "MIT",
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=7.0.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "clsx": "^2.0.0",
+    "tailwind-merge": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.3",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "postcss": "^8.4.32",
+    "tailwindcss": "^3.3.6",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8"
+  }
+}